Merge objects in a loop

Question

I have this array of arrays of objects :

[
  [
    {a: 'FER', b: 'MEN', c: 'TUM'},
    {a: 'RIS ', b: 'US', c: 'SOU'}, 
    {a: 'CON', b: 'SEC', c: 'TETUR'}
  ],
  [
    {d: 'LIGU'}, 
    {d: 'GU'}, 
    {d: 'LA'}
  ],
  [
    {e: 'UL', f: 'LAM'},
    {e: 'COR', f: 'PER'},
    {e: 'EGE', f: 'STAS'}
  ]
]

What I want to obtain in the more generic manner is this (in reality, I have one array of 21 arrays with 205 objects in each):

[
  {a: 'FER', b: 'MEN', c: 'TUM', d: 'LIGU', e: 'UL', f: 'LAM'},
  {a: 'RIS ', b: 'US', c: 'SOU', d: 'GU', e: 'COR', f: 'PER'},
  {a: 'CON', b: 'SEC', c: 'TETUR', d: 'LA', e: 'EGE', f: 'STAS'}
]

I tried so many things (object assign, reduce, etc.) but my head is a mess right now and I'm stuck on how I can merge objects in a loop. Any help so much appreciated!

Nina Scholz · Accepted Answer · 2021-04-28 16:50:49Z

3

You could reduce with a mapping of objects.

const
    data = [[{ a: 'FER', b: 'MEN', c: 'TUM' }, { a: 'RIS ', b: 'US', c: 'SOU' }, { a: 'CON', b: 'SEC', c: 'TETUR' }], [{ d: 'LIGU' }, { d: 'GU' }, { d: 'LA' }], [{ e: 'UL', f: 'LAM' }, { e: 'COR', f: 'PER' }, { e: 'EGE', f: 'STAS' }]],
    result = data.reduce((a, b) => a.map((o, i) => ({ ...o, ...b[i] })));

console.log(result);

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

answered Apr 28, 2021 at 16:50

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Majed Badawi · Accepted Answer · 2021-04-28 16:49:57Z

0

Using Array#reduce and Array#forEach:

const data = [
  [
    { a: 'FER', b: 'MEN', c: 'TUM' },
    { a: 'RIS ', b: 'US', c: 'SOU' }, 
    { a: 'CON', b: 'SEC', c: 'TETUR' }
  ],
  [
    { d: 'LIGU' }, 
    { d: 'GU' }, 
    { d: 'LA' }
  ],
  [
    { e: 'UL', f: 'LAM' },
    { e: 'COR', f: 'PER' },
    { e: 'EGE', f: 'STAS' }
  ]
];

const res = data.reduce((acc, arr) => {
  arr.forEach((obj, i) => {
    acc[i] = { ...(acc[i] || {}), ...obj };
  });
  return acc;
}, []);

console.log(res);

answered Apr 28, 2021 at 16:49

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

Comments

Patrick D'appollonio · Accepted Answer · 2021-04-28 20:06:17Z

0

var counter = 0,
    finalarr = [],
    tmpobj = {};
while (counter < arr[0].length) {
    tmpobj = {}
    arr.forEach((subarr, index) => {
        tmpobj = {
            ...tmpobj,
            ...subarr[counter]
        }
    })
    finalarr.push(tmpobj)

    counter++;
}
console.log('Final array:', finalarr)

edited Apr 28, 2021 at 20:06

Patrick D'appollonio

2,7821 gold badge20 silver badges34 bronze badges

answered Apr 28, 2021 at 17:02

Kinglish

23.7k4 gold badges25 silver badges43 bronze badges

Collectives™ on Stack Overflow

Merge objects in a loop

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related