javascript - 按键组合两个对象数组，并将第二个数组的值插入第一个数组内的新数组

Question

我需要一个包含两个数组数据的结果数组。如果名称相同，则将第二个数组的值添加到第一个数组的数组中。执行此操作的最佳方法是什么？

var array1 = [
  {name: "name1", type: "type"},
  {name: "name2", type: "type"},
  {name: "name3", type: "type"}
]

var array2 = [
  {name: "name1", value: "value1"},
  {name: "name2", value: "value2"},
  {name: "name2", value: "value3"},
  {name: "name2", value: "value4"}
]

var result = [
  {name: "name1", type: "type", values: [
    "value1"
  ]},
  {name: "name2", type: "type", values: [
    "value2",
    "value3",
    "value4"
  ]},
  {name: "name3", type: "type", values:[]}
]

Answer 1

这是我的方法(注意它修改了array1):

var array1 = [
  {name: "name1", type: "type"},
  {name: "name2", type: "type"},
  {name: "name3", type: "type"}
]

var array2 = [
  {name: "name1", value: "value1"},
  {name: "name2", value: "value2"},
  {name: "name2", value: "value3"},
  {name: "name2", value: "value4"}
]

var result = array1.map(item => {
  item.values = array2
    .filter(x => x.name === item.name)
    .map(x => x.value)
    
  return item
})

console.log(result)