Combine items after mapping from an array to a single object

Question

Can you please help me to create object out of array of objects?

Array to convert arr = [{name:'Ryan'}, {surname:'raynold'}]

required output finalObj = {name:ryan, surname:raynold}

I tried to get the result by doing

let objectArr = Object.assign({}, arr);

but result was like this

{ 0: {shoulder: "14"}, 1:{neck: ""} }

the array has two element, need to combined them in a single object. — sevack, Sep 08 '20 at 11:19
Please visit the [help], take the [tour] to see what and [ask]. Do some research, search for related topics on SO; if you get stuck, post a [mcve] of your attempt, noting input and expected output using the `[<>]` snippet editor. — mplungjan, Sep 08 '20 at 11:21

trincot · Accepted Answer · 2020-09-08T11:24:26.880

2

This is a good case for Object.assign.

let arr = [{name:'Ryan'}, {surname:'raynold'}]

let finalObj = Object.assign({}, ...arr);

console.log(finalObj);

Object.assign can take multiple objects as arguments, and so you can spread those objects from your input array. The first argument represents the object in which the others are merged.

edited Sep 08 '20 at 11:24

answered Sep 08 '20 at 11:20

trincot

317,000
35
244
286

Nice one!!! This really is a good case for Object.assign! – Lazar Nikolic Sep 08 '20 at 11:22
Thanks a lot, I wasn't spreading the arr thats why i wasn't getting the required result. – sevack Sep 08 '20 at 11:25
What if the second object has nested object ? let arr = [ { name:'Ryan' } , { surname: {middleName: 'Robins' }, {lastName: 'Raynolds' } } ] how do i get an object of { name: 'Ryan' , middleName: 'Robins' , lastName: 'Raynolds' } – sevack Sep 08 '20 at 12:05
Then you must pick up the entries at the nested level (loop over them). If you cannot make it work, and cannot find a similar question, then feel free to ask a new question. – trincot Sep 08 '20 at 16:01

score 0 · Answer 2 · answered Sep 08 '20 at 11:22

0

You could do it with a array reduce like this:

let finalObj = arr.reduce((acc, cur) => ({...acc, ...cur}), {})

answered Sep 08 '20 at 11:22

Jeremias

343
1
3
9

Thank you, @trincot answer did the trick, however i'll also try yours. – sevack Sep 08 '20 at 11:27

Combine items after mapping from an array to a single object

2 Answers2