javascript - 如何使用javascript合并两个对象数组

Question

如何使用 JavaScript 合并给定数据的两个对象数组。

var data = [{
  "key": 2000,
  "value": 10000
}, {
  "key": 2001,
  "value": 50000
}];

var data1 = [{
  "key": [2000, 0],
  "value": 1000
}, {
  "key": [2000, 1],
  "value": 1500
}, {
  "key": [2000, 3],
  "value": 2000
}, {
  "key": [2001, 0],
  "value": 2500
}, {
  "key": [2001, 1],
  "value": 3000
}, {
  "key": [2001, 3],
  "value": 4000
}];

最终输出如下:

var data3 = [{
  "key": 2000,
  "value": 10000,
  children: [{
    "key": [2000, 0],
    "value": 1000
  }, {
    "key": [2000, 1],
    "value": 1500
  }, {
    "key": [2000, 3],
    "value": 2000
  }]
}, {
  "key": 2001,
  "value": 50000,
  children: [{
    "key": [2001, 0],
    "value": 2500
  }, {
    "key": [2001, 1],
    "value": 3000
  }, {
    "key": [2001, 3],
    "value": 4000
  }]
}]

Answer 1

您可以通过使用 forEach 循环迭代给定的 2 个数组来实现此目的。

工作代码片段:

var data = [{
  "key": 2000,
  "value": 10000
}, {
  "key": 2001,
  "value": 50000
}];

var data1 = [{
  "key": [2000, 0],
  "value": 1000
}, {
  "key": [2000, 1],
  "value": 1500
}, {
  "key": [2000, 3],
  "value": 2000
}, {
  "key": [2001, 0],
  "value": 2500
}, {
  "key": [2001, 1],
  "value": 3000
}, {
  "key": [2001, 3],
  "value": 4000
}];

data.forEach(function(parentObj){  // loop over data
  
  parentObj.children = [];  // initialize the children
  
  data1.forEach(function(childObj){  // loop over data1
    
    if(parentObj["key"] === childObj["key"][0])
      parentObj.children.push(childObj);
    
  });
  
});

console.dir(data);

<p>Please check your browser's console now.</p>

Source

阅读:Array.prototype.forEach() | MDN