Push an object into the array using spread operator?

Question

I have an array of object like this,

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

whenever i do api call, the array of objects getting updated like this

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

for third time, it will be like this,

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

Now am trying to add key value pair for every object inside the array as

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

am getting an output like [{id:1,name:'One'},{key: 'value'}]

but the expected output is [{id:1,name:'One',key: 'value'}] that object should be pushed into an array after every api call

Why do you think this is possible with the spread syntax?

Andreas
– Andreas

2019-08-21 05:21:04 +00:00
Commented Aug 21, 2019 at 5:21 — Andreas
– Andreas, Commented Aug 21, 2019 at 5:21

Shubham Khatri · Accepted Answer · 2019-08-21 05:20:22Z

3

If you want to add a key value pair to every object within the array, you need to map over the array apart from using spread syntax

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

answered Aug 21, 2019 at 5:20

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mamun · Accepted Answer · 2019-08-21 05:19:43Z

2

If you want all the array items to be merged with the object, you can try with Array.prototype.map() and Object.assign() like the following way:

let array3 = [{id:1,name:'One'}, {id:2, name:'Two'}, {id:3, name: 'Three'}];
let obj = {key: 'value'};
let res = array3.map(i => Object.assign(i, obj));
console.log(res);

answered Aug 21, 2019 at 5:19

Mamun

69k9 gold badges51 silver badges62 bronze badges

Collectives™ on Stack Overflow

Push an object into the array using spread operator?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related