Combine an array of objects into one OBJECT

Question

I am struggling to find a way to combine an array of objects into one object. All the solutions I have come across so far yield an array as the result, but I need an object. Here is an example:

 [
    {
        '1112225544': '1',
        '3258458756': '9',
        '3654125412': '5',
    },
    {
        '2229993827': '0',
        '9827719902': '1',
        '0000000000': '2',
        '1112225544': '3',
    },
    ...
 ]

There can be many objects inside the array. I want to flatten them and get this as the output:

{
    '3258458756': '9',
    '3654125412': '5',
    '2229993827': '0',
    '9827719902': '1',
    '0000000000': '2',
    '1112225544': '3'
}

Notice that the duplicate keys get overridden by whatever values the last array has. The solutions I have seen thus far are of this variety and don't quite work for me.

gmoniava · Accepted Answer · 2021-07-30 18:11:34Z

5

 let data = [
    {
        '1112225544': '1',
        '3258458756': '9',
        '3654125412': '5',
    },
    {
        '2229993827': '0',
        '9827719902': '1',
        '0000000000': '2',
        '1112225544': '3',
    },
   
 ];
 
 let result = {};
 data.forEach(x=>{
 
  Object.entries(x).forEach(([k,v])=>result[k]=v)
 
 })
 
 console.log(result)

Or

let data = [
            {
                '1112225544': '1',
                '3258458756': '9',
                '3654125412': '5',
            },
            {
                '2229993827': '0',
                '9827719902': '1',
                '0000000000': '2',
                '1112225544': '3',
            },
           
         ];
         
         let result = {};
         data.forEach(x=>{
         
          result = {...result, ...x}
         
         })
         
         console.log(result)

answered Jul 30, 2021 at 18:11

gmoniava

28.9k9 gold badges61 silver badges101 bronze badges

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

1 Comment

codemonkey Over a year ago

Great answer and is well worth an upvote. The only reason I am going with the reduce answer is because, based on my benchmark, it is consistently faster than a foreach. I know speed wasn't part of the question, but since I gotta pick between two great answers, I will pick the speedier one. Thank you.

Jonathan.Brink · Accepted Answer · 2021-07-30 18:13:47Z

4

Here's an approach using Array.prototype.reduce:

  [
    {
      '1112225544': '1',
      '3258458756': '9',
      '3654125412': '5',
    },
    {
      '2229993827': '0',
      '9827719902': '1',
      '0000000000': '2',
      '1112225544': '3',
    },
  ].reduce(
    (acc, curr) => ({
      ...curr,
      ...acc,
    }),
    {}
  );

Whenever I have a need to "reduce" an array into either a scaler or object type, reduce is usually considered.

answered Jul 30, 2021 at 18:13

Jonathan.Brink

25.3k20 gold badges85 silver badges127 bronze badges

Comments

Andrew · Accepted Answer · 2022-06-23 22:07:18Z

2

This is achievable with a single command. Use Object.assign and spread the array in.

Object.assign({}, ...[
  {
      '1112225544': '1',
      '3258458756': '9',
      '3654125412': '5',
  },
  {
      '2229993827': '0',
      '9827719902': '1',
      '0000000000': '2',
      '1112225544': '3',
  },
])

answered Jun 23, 2022 at 22:07

Andrew

7,5855 gold badges28 silver badges35 bronze badges

1 Comment

codemonkey Over a year ago

I must say this is very nice. And this actually performs the job faster even than the "reduce" way.

Mister Jojo · Accepted Answer · 2021-07-30 18:19:16Z

1

this way ?

const arr1 = 
  [ { '1112225544': '1'
    , '3258458756': '9'
    , '3654125412': '5'
    } 
  , { '2229993827': '0'
    , '9827719902': '1'
    , '0000000000': '2'
    , '1112225544': '3'
    }
  //...
  ] 

const arr2 = arr1.reduce((r,c)=>
  {
  Object.entries(c).forEach(([k,v]) => r[k] = v )
  return r
  },{})

console.log( arr2 )

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

answered Jul 30, 2021 at 18:19

Mister Jojo

22.9k6 gold badges28 silver badges45 bronze badges

Comments

Robert Máslo · Accepted Answer · 2021-08-04 21:15:35Z

1

Or old way:

let items = [
  {
    '1112225544': '1',
    '3258458756': '9',
    '3654125412': '5',
  },
  {
    '2229993827': '0',
    '9827719902': '1',
    '0000000000': '2',
    '1112225544': '3',
  },
];
 
let result = {};
for (let item of items)
  result = Object.assign(result, item)
console.log(result)

answered Aug 4, 2021 at 21:15

Robert Máslo

4884 silver badges7 bronze badges

Comments

Alan Omar · Accepted Answer · 2021-07-30 18:35:44Z

0

let arr = [{1112225544:"1",3258458756:"9",3654125412:"5"},{2229993827:"0",9827719902:"1","0000000000":"2",1112225544:"3"}];

let result = Object.fromEntries(arr.flatMap(e => Object.entries(e)))

console.log(result)

answered Jul 30, 2021 at 18:35

Alan Omar

4,2771 gold badge13 silver badges26 bronze badges

Collectives™ on Stack Overflow

Combine an array of objects into one OBJECT

6 Answers 6

1 Comment

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related