Object.assign输出不正确

Question

var data = [{

    price: 1,

    name: 'qq'

  },

  {

    price: 2,

    name: 'ww'

  }

]

var newData = [{

    price: 100

  },

  {

    price: 200

  }

]

Object.assign(data, newData)

console.log(data)

安慰

 [

    {

      price: 100

    },

  {

      price: 200

    }

  ]

输出应为仅替换price属性的值。

但仅成为价格属性，其他属性消失了，

怎么了？

Answer 1

您需要迭代该数组，并将该对象分配给具有相同索引的对象。var data = [ { price: 1, name: 'qq' }, { price: 2, name: 'ww' }],    newData = [ { price: 100 }, { price: 200 }];data.forEach((o, i) => Object.assign(o, newData[i]));console.log(data);

Answer 2

这是因为您将完全覆盖其他属性，就像data数组一样，合并是基于数组的索引进行的。因此0，data数组的索引将被匹配0的newData数组的索引替换，因此整个对象将被替换。根据MDN文档：如果目标对象中的属性具有相同的键，则它们将被源中的属性覆盖。因此，这里将数组索引视为匹配键。对于数组中的每个条目，尝试合并如下所示的对象：const data = [ { price: 1, name: 'qq' }, { price: 2, name: 'ww' }];const newData = [ { price: 100 }, { price: 200 }];const res = data.reduce((acc, ele, idx) => acc.concat(Object.assign({}, ele, newData[idx])),[]);console.log(res)

Answer 3

遍历data和使用Object.assign，或使用传播...：const data = [ { price: 1, name: 'qq' }, { price: 2, name: 'ww' }];const newData = [ { price: 100 }, { price: 200 }];data.map((o, i) => Object.assign(o, newData[i]));console.log(data);