如何在JavaScript中合并两个对象数组

Question

如何将两个对象数组合并为一个数组，给定的对象数组如下所示。

var arr1=[{key:2000,value:100},{key:2001,value:200},{key:3000,value:300}]
var arr2=[{key1:2000,value1:100},{key1:2001,value1:200},{key1:3000,value1:300}]

预期产量：

[
  {
    "key": 2000,
    "value": 100,
    "child": [
      {
        "key1": 2000,
        "value1": 100
      }
    ]
  },
  {
    "key": 2001,
    "value": 200,
    "child": [
      {
        "key1": 2001,
        "value1": 200
      }
    ]
  },
  {
    "key": 3000,
    "value": 300,
    "child": [
      {
        "key1": 3000,
        "value1": 300
      }
    ]
  }
]

Answer 1

更新：正如其他一些人提到的那样，您可以遍历第一个数组并将第二个数组的对应元素分配给第一个数组中适当对象的子属性，或者可以使用Array.prototype.map

例如：

var newArray = arr1.map(function(cur, idx) {
    cur.child = [arr2[idx]];
    return cur;
});

应该注意的是，这（以及其他提到的解决方案）取决于包含相同键的两个数组，并且它们都按对象键排序。

如果不确定数组是否按键排序，则必须进行一些预处理。 您可以先对两个数组排序（这仍然很脆弱，因为不能保证两个数组中的键都相同），也可以执行以下操作：

var secondGroupByKey = {};
for (var i=0; i<arr2.length; i++) {
    secondGroupByKey[arr2[i].key1] = arr2[i];
}

然后您可以放心地说：

var key;
for (var j=0; j<arr1.length; j++) {
    key = arr1[j].key;
    if (secondGroupByKey[key] !== undefined) {
        arr1[j].child = [secondGroupByKey[key]];
    }
}

这种方法比依赖于数组的顺序更安全，但是它具有在两个数组（而不只是一个数组）上进行迭代的代价。 如果在arr1中找到arr2不存在的键，您可能还想抛出异常或以其他方式纾困。

Answer 2

循环遍历第一个数组，并将第二个数组中的相应值分配给第一个数组的每个对象的child对象。

for(var i = 0;i<arr1.length;i++){
    arr1[i].child=[arr2[i]];
}

Answer 3

arr2.forEach(function( obj, i ) {
  arr1[ i ].child = [ obj ];
});

Answer 4

如果我理解正确，则需要将数组B的第n个元素作为对象的“子级”属性，并在数组A上具有相同的索引； 这是我的尝试：

function addChildren(master, child){
    return master.map(function(elem, i){
        elem.child = elem.child || [];  
        elem.child.push(child[i]);
        return elem;
    });
};

JSFiddle演示 。