how to convert multi element object to one element object

Question

I have object like this

[
  { A: '1' },
  { B: '2' },
  { C: '3' },
]

I want convert to like this

{
  A: '1',
  B: '2',
  C: '3',
}

what is the best way to do it

Take a look at [this SO post](https://stackoverflow.com/questions/171251/how-can-i-merge-properties-of-two-javascript-objects-dynamically) — charlie-map, Mar 17 '22 at 06:14
What do you want to happen if there are two of the same keys in different objects — Zach Jensz, Mar 17 '22 at 06:15
@ZachJensz well, its obvious I am not at good point , let me think about it :D — ray, Mar 17 '22 at 06:19

score 1 · Answer 1 · answered Mar 17 '22 at 06:17

1

let arr = [
  { A: '1' },
  { B: '2' },
  { C: '3' },
]

console.log(Object.assign(...arr));

answered Mar 17 '22 at 06:17

Dreamy Player

1

It's notable, that this mutates the first object in the original array. If that's not desirable, pass an empty object as `this` argument to `.assign` (`Object.assign({}, ...arr)`. – Teemu Mar 17 '22 at 06:38

score 0 · Answer 2 · answered Mar 17 '22 at 06:21

0

let arr = [
  { A: '1' },
  { B: '2' },
  { C: '3' },
]

let output = {}

arr.map((obj) => {
    output = {...output, ...obj}
})

console.log(output)

answered Mar 17 '22 at 06:21

dinesh oz

score 0 · Answer 3 · answered Mar 17 '22 at 06:40

Object.assign and spread operator will do the trick :

let arrObject = [
   { A: "1" }, 
   { B: "2" },
   { C: "3" }
];

let obj = Object.assign({}, ...arrObject);

console.log(obj) => obj = { A: '1', B: '2', C: '3' }

3 Answers3