javascript - 使用扩展运算符将对象插入数组？

Question

我有一个像这样的对象数组，

let array1 = [{id:1,name:'One'}]

每当我进行 api 调用时，对象数组就会像这样更新

let array2 = [{id:1,name:'One'}, {id:2, name:'Two'}]

第三次就这样了，

let array3 = [{id:1,name:'One'}, {id:2, name:'Two'}, {id:3, name: 'Three'}]

现在我尝试为数组中的每个对象添加键值对

obj = {
    key: 'value'
}
[...array1, obj]

我得到的输出类似于[{id:1,name:'One'},{key:'value'}]

但预期输出是[{id:1,name:'One',key: 'value'}]该对象应在每次 api 调用后推送到数组中

Answer 1

如果要向数组中的每个对象添加键值对，除了使用扩展语法之外，还需要映射数组

let array1 = [{id:1,name:'One'}]
const obj = {
    key: 'value'
}
array1 = array1.map(val => ({...val, ...obj}))
console.log(array1);