不使用lodash合並兩個條件數組

Question

我面臨合並兩個數組的問題。 我有兩個對象數組，第一個是prev具有舊值，另一個是具有更新值。 我想讓result數組具有prev array的所有對象，並在next數組中具有其更新的值，並且在next數組中也具有對象。

例：

var prev = [{id: 1, val: 'abc'}, {id: 2, val: 'pqr'}];
var next = [{id: 1, val: 'nextVal'}, {id: 3, val: 'xyz'}];

預期

mergeOutput = [
  {id: 1, val: 'nextVal'}, // value is updated 
  {id: 2, val: 'pqr'}, 
  {id: 3, val: 'xyz'}
]

注意：數組順序無關緊要。

Answer 1

您可以使用Map()合並數組。

 var prev = [{id: 1, val: 'abc'}, {id: 2, val: 'pqr'}]; var next = [{id: 1, val: 'nextVal'}, {id: 3, val: 'xyz'}]; var hash = new Map(); prev.concat(next).forEach(function(obj) { hash.set(obj.id, Object.assign(hash.get(obj.id) || {}, obj)) }); var mergedArray = Array.from(hash.values()); console.log(mergedArray); 

來源： StackOverflow