Create a single object from an array of objects - JS/ES6

Question

I have an array:

[
    {"allocateProd1": "30.0000"}, 
    {"allocateProd2": "0"}, 
    {"allocateProd3": "0"},
    {"allocateProd4": "30"}
]

This array is dynamically generated as in the number of objects inside varies depending on data

I need an object:

{
    "allocateProd1": "30.0000", 
    "allocateProd2": "0", 
    "allocateProd3": "0", 
    "allocateProd4": "30"
}

Mostly going to use it in React. JS/ES6 solution will help

"This array is dynamically generated as in the number of objects inside varies depending on data" Is the expected result for property names to be overwritten? — guest271314
– guest271314, Commented Feb 24, 2019 at 3:05

Jack Bashford · Accepted Answer · 2019-02-24 03:59:29Z

6

An alternative is using the function reduce + spread syntax.

let arr = [
    {"allocateProd1": "30.0000"}, 
    {"allocateProd2": "0"}, 
    {"allocateProd3": "0"},
    {"allocateProd4": "30"}
];

let result = arr.reduce((a, c) => ({...a, ...c}), Object.create(null));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

The alternative is using the function Object.assign

let arr = [
    {"allocateProd1": "30.0000"}, 
    {"allocateProd2": "0"}, 
    {"allocateProd3": "0"},
    {"allocateProd4": "30"}
];

let result = arr.reduce((a, c) => Object.assign(a, c), Object.create(null));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Feb 24, 2019 at 3:59

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

answered Feb 24, 2019 at 2:30

Ele

33.8k7 gold badges43 silver badges80 bronze badges

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

3 Comments

Rajdeep Chowdhuri Over a year ago

Lovely. Makes sense now. Thanks!

Ron Gilchrist Over a year ago

Man, the more I learn about this language, the more neat things I can do with it. Creative answer!

Ele Over a year ago

@RonGilchrist yw!

Nina Scholz · Accepted Answer · 2019-02-24 08:41:24Z

2

Just for completeness by taking the array and spread ... the objects into Object.assign with an object as target. Voilà!

var array = [{ allocateProd1: "30.0000"}, { allocateProd2: "0"}, { allocateProd3: "0"}, { allocateProd4: "30"}],
    object = Object.assign({}, ...array);

console.log(object);

answered Feb 24, 2019 at 8:41

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Collectives™ on Stack Overflow

Create a single object from an array of objects - JS/ES6

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related