JavaScript 操作数组对象合并

Question

我有两个数组，现在我想合并这两个数组。

第一个数组:

var data = [
    { name: 'aa', value: 1 },
    { name: 'bb', value: 2 },
    { name: 'cc', value: 3 }
];

两个数组:

var data2 = [
    { name: 'aa' },
    { name: 'bb' },
    { name: 'cc' },
    { name: 'dd' },
    { name: 'ee' }
];

我想把它们合并成这个:

var data3 = [
  {name: 'aa', value: 1},
  {name: 'bb', value: 2},
  {name: 'cc', value: 3},
  {name: 'dd', value: 0},
  {name: 'ee', value: 0}
];

console.log(data3)

目前我的经验还不够。请帮我解决这个问题。

提前致谢。

Answer 1

您可以根据以下假设尝试以下操作

1. data2 是一个 names 的集合，它的长度总是大于 data
的长度
2. 对象的顺序可以不同

var data = [
    { name: 'aa', value: 1 },
    { name: 'bb', value: 2 },
    { name: 'cc', value: 3 }
];

var data2 = [
    { name: 'aa' },
    { name: 'bb' },
    { name: 'cc' },
    { name: 'dd' },
    { name: 'ee' }
];

// Iterate over the names array
var data3 = data2.map(({name}) => {
  // get the matched object in data corresponding to the name
  var match = data.find((obj) => obj.name === name);
  // if found, return value else default value to 0
  return match ? match : {name, value : 0};
});

console.log(data3);