javascript - 为什么 map 会改变对象数组？

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);

标签： javascript

Answer 1

如果您想快速解决.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);