比较 JavaScript 中的两个对象数组并通过比较键更新值

Question

var arr1 = [{"id": "15-1", "value": {"x": {"on": false}}}, 
           {"id": "15-2", "value": {"x": {"on": true}}}, 
           {"id": "15-3", "value": {"x": {"on": false}}},
           {"id": "15-4", "value": {"x": {"on": true}}}, 
           {"id": "16-2", "value": {"x": {"on": false}}} ]

var arr2 =[{"id": "16-1", "value": {"x": {"on": true}}}, 
           {"id": "16-2", "value": {"x": {"on": true}}} ]

合并 arrays 和相似的 id 应该根据 arr2 更新它们的值
在这里，我们希望得到最终的数组

finalArray = [{"id": "15-1", "value": {"x": {"on": false}}}, 
                  {"id": "15-2", "value": {"x": {"on": true}}}, 
                  {"id": "15-3", "value": {"x": {"on": false}}},
                  {"id": "15-4", "value": {"x": {"on": true}}}, 
                  {"id": "16-1", "value": {"x": {"on": true}}},
                  {"id": "16-2", "value": {"x": {"on": true}}} ]

Answer 1

这是实现预期结果的解决方案：

 var arr1 = [{"id": "15-1", "value": {"x": {"on": false}}}, {"id": "15-2", "value": {"x": {"on": true}}}, {"id": "15-3", "value": {"x": {"on": false}}}, {"id": "15-4", "value": {"x": {"on": true}}}, {"id": "16-2", "value": {"x": {"on": false}}} ] var arr2 =[{"id": "16-1", "value": {"x": {"on": true}}}, {"id": "16-2", "value": {"x": {"on": true}}} ] const mergedArray = [...arr1, ...arr2]; const uniqueData = [...mergedArray.reduce((map, obj) => map.set(obj.id, obj), new Map()).values()]; console.log(uniqueData);

Answer 2

    var arr1 = [
  { id: "15-1", value: { x: { on: false } } },
  { id: "15-2", value: { x: { on: true } } },
  { id: "15-3", value: { x: { on: false } } },
  { id: "15-4", value: { x: { on: true } } },
  { id: "16-2", value: { x: { on: false } } },
];

var arr2 = [
  { id: "16-1", value: { x: { on: true } } },
  { id: "16-2", value: { x: { on: true } } },
];
function merge(a, b, prop) {
  var reduced = a.filter(aitem => !b.find(bitem => aitem[prop] === bitem[prop]))
  return reduced.concat(b);
}

console.log(merge(arr1,arr2,"id"));