如何连接来自2个数组的数据[重复]答案

【问题标题】：How to join data from 2 array [duplicate]如何连接来自2个数组的数据[重复]
【发布时间】：2020-11-19 20:38:00
【问题描述】：

我需要加入来自 2 个数组的数据

示例数据：

const data1 = [
  {"firstName":"Donald"},
  {"firstName":"Mickey"}
]

const data2 = [
 {"lastName":"Duck"},
 {"lastName":"Mouse"}
]

我想要的结果是：

const final = [
 {"firstName":"Donald", "lastName":"Duck"},
 {"firstName":"Mickey", "lastName":"Mouse"}
]

怎么做？

【问题讨论】：

标签： javascript arrays arraylist

【解决方案1】：

const data1 = [
  {"firstName":"Donald"},
  {"firstName":"Mickey"}
]

const data2 = [
 {"lastName":"Duck"},
 {"lastName":"Mouse"}
]

const result = data1.map((obj, index) => ({ ...obj, ...data2[index] }));

console.log(result);

【讨论】：

你可以这样写返回对象： (obj, index) => ({ ...obj, ...data[index] })

【解决方案2】：

你也可以使用 for 循环：

let finalRes = [];
const data1 = [{ firstName: "Donald" }, { firstName: "Mickey" }];
const data2 = [{ lastName: "Duck" }, { lastName: "Mouse" }];

for (var i = 0; i < data1.length; i++) {
  finalRes.push({ ...data1[i], ...data2[i] });
}
    
console.log(finalRes);

【讨论】：

【解决方案3】：

const data1 = [{
    "firstName": "Donald"
  },
  {
    "firstName": "Mickey"
  }
]

const data2 = [{
    "lastName": "Duck"
  },
  {
    "lastName": "Mouse"
  }
]
const result = [];
data1.forEach((aData, index) => {
  result.push({
    ...aData,
    ...(data2[index])
  })

})
console.log(result);

【讨论】：