How to join data from 2 array [duplicate]

Question

I need to join data from 2 array

example data:

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

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

the result i want is:

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

how to do that?

Answer 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);

Answer 2

You can also do with a for loop:

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);

Answer 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);