如何將元素添加到數組中的 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)

如果您需要更多詳細信息，請詢問；）