从对象数组创建单个对象-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

Answer 1

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; } 

Answer 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);