如何将元素添加到数组中的 object

Question

我正在发出 http 请求并取回 2 组数据。 它们都是对象数组。 我想将一个数组中的一个元素添加到另一个数组中。 因此，一个数组如下所示：

[
 { name: 'Bob', age: '21'}
 { name: 'Sue', age: '34'}
]

然后另一个看起来像这样：

[
 { gender: 'male'}
 { gender: 'female'}
]

我试着像这样加入他们：

const arr = [...arr1, ...arr2];

但这给了我：

[
 { gender: 'male' }
 { gender: 'female' }
 { name: 'Bob', age: '21'}
 { name: 'Sue', age: '34'}
]

它应该看起来像：

[
 { name: 'Bob', age: '21', gender: 'male' }
 { name: 'Sue', age: '34', gender: 'female'}
]

我怎样才能做到这一点？

Answer 1

我假设下面两个 arrays 具有相同的长度，并使用元素索引进行合并。

 let data1 = [ { name: 'Bob', age: '21'}, { name: 'Sue', age: '34'} ]; let data2=[ { gender: 'male'}, { gender: 'female'} ]; // basically merge objects with same index from both arrays, using object spread operator let result = data1.map((x,i)=>({...x, ...data2[i] })); console.log(result)

Answer 2

你应该这样使用它

const arr1 = [{name:'BOB', age:'24'},{name:"jennyfer", age:'27'}]
const arr2= [{gender:'male'},{gender:'female'}]

const newArray = [{...arr1[0],gender:arr2[0].gender}, {...arr1[1],...arr2[1]}]


console.log(newArray)

如果您需要更多详细信息，请询问；）