Question

可能是一个愚蠢的问题，但是为什么map会改变对象的数组。

var obj = {
  items: [{
    value: 1,
    selected: true
  }, {
    value: 2,
    selected: false
  }]
};

var items = obj.items.map(i => {
  if (i.value === 2) i.selected = true;
  return i;
});

console.log(obj);

Answer 1

映射数组时，它不是在创建对象的副本。它只是遍历数组。

如果您不想对对象进行突变，则必须创建该对象的副本：

var items = obj.items.map(item => {
    let i = JSON.parse(JSON.stringify(item))
    if (i.value === 2) i.selected = true;
    return i;
});

Answer 2

如果您想针对对象数组上的.map的不变版本快速解决方案，可以使用传播运算符：

myArrayOfObjects.map(({...obj}) => { });

示例：

const foo = [];

for(let i = 0; i < 5; i++) {
    foo.push({label: "foo"});
}

const bar = foo.map(({...val}) => {
    val.id = Math.random();
  return val;
});

console.log(foo);
console.log(bar);

Answer 3

.map()如Hammerbot所述，它不会创建副本，而是会创建一个直接引用您的对象的新数组，从而使您的对象发生变异。

如果您不想变异对象，则可以在映射中使用Object.assign()来创建对象的副本。

为什么map会变异对象数组？

3 个答案: