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

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

• javascript
• arrays
• reactjs
• object
• ecmascript-6

Share Improve this question Follow edited Feb 24, 2019 at 2:27 Ele 33.8k77 gold badges4343 silver badges8080 bronze badges asked Feb 24, 2019 at 2:26 Rajdeep ChowdhuriRajdeep Chowdhuri 6522 silver badges88 bronze badges 1

• "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 Commented Feb 24, 2019 at 3:05

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 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; }

Just for pleteness 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);