How to update an object with data from another object nested in array?

Question

So i need to write a function which updates my object with another object (but this object is inside an array) , for example:

  const mazda = { model: 5, seria: 22, wheels: 4,};

and i want to add data from :

const newItems= [{ LCDscreen: true },{ wheels: 5 },{ model: 6},{ weight: 500},{ mirrors: 4},];

but so the seria from 1st object is unchanged. The result should be

{ seria: 22 ,model: 6, wheels: 4, LCDscreen: true, weight: 500 , mirrors: 4};

Whats the best approach?

do you want to change the existing values or append onto it? — Sandrin Joy
– Sandrin Joy, Commented Dec 9, 2020 at 12:52
const mazda = { seria: 22 ,model: 6, wheels: 4, LCDscreen: true, weight: 500 , mirrors: 4}; — Viktor Russe
– Viktor Russe, Commented Dec 9, 2020 at 12:52
I Want to add values from second object to the first one, without changing seria. — Viktor Russe
– Viktor Russe, Commented Dec 9, 2020 at 12:53

adiga · Accepted Answer · 2020-12-09 13:15:48Z

1

You can simple loop through the array and spread the array objects inside the mazda object. This is the fastest method after using a for loop.

let mazda = { model: 5, seria: 22, wheels: 4,};

const newItems= [{ LCDscreen: true },{ wheels: 5 },{ model: 6},{ weight: 500},{ mirrors: 4}]

newItems.forEach(item => {
      mazda = {...mazda, ...item};
});

console.log(mazda)

edited Dec 9, 2020 at 13:15

adiga

35.4k9 gold badges65 silver badges88 bronze badges

answered Dec 9, 2020 at 12:56

Md Sabbir Alam

5,0743 gold badges19 silver badges31 bronze badges

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

2 Comments

adiga Over a year ago

You are using spread syntax, not destructuring

Md Sabbir Alam Over a year ago

Sorry my bad. Thanks for updating.

shilch · Accepted Answer · 2020-12-09 12:57:54Z

0

This can be done in a single line:

newItems.reduce((acc, patch) => Object.assign(acc, patch), mazda)

This iterates over all objects in the newItems list and merges them into mazda one after one.

If you don't want the mazda object to be modified but instead get a new object, use an empty object ({}) as first parameter to Object.assign:

const newMazda = newItems.reduce((acc, patch) => Object.assign({}, acc, patch), mazda)

answered Dec 9, 2020 at 12:57

shilch

2,0651 gold badge13 silver badges20 bronze badges

Comments

Jamiec · Accepted Answer · 2020-12-09 13:01:40Z

0

I think this does what you want it to. Take each item in the newList and add it as a new property to the mazda object.

const mazda = { model: 5, seria: 22, wheels: 4,};

const newItems= [{ LCDscreen: true },{ wheels: 5 },{ model: 6},{ weight: 500},{ mirrors: 4}]

const result = newItems.reduce( (acc,item) => ({...acc,...item}),mazda);

console.log(result)

edited Dec 9, 2020 at 13:01

answered Dec 9, 2020 at 12:54

Jamiec

136k15 gold badges141 silver badges202 bronze badges

2 Comments

Sandrin Joy Over a year ago

can you explaint what is the use of ... ?

Jamiec Over a year ago

@SandrinJoy Yes sure it is the spread syntax

Collectives™ on Stack Overflow

How to update an object with data from another object nested in array?

3 Answers 3

2 Comments

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Related