Transform Object attribute to array of object

Question

I want to merge Array of ObjectA containing ObjectB attribute by ObjectA attribute.

For example :

let myArray = [
  { name: 'Jeu', series: { name: 'testA', value: '89' } },
  { name: 'Dim', series: { name: 'testB', value: '490' } },
  { name: 'Dim', series: { name: 'testC', value: '978' } }
]

And I would like to transform it to

[
  { name: 'Jeu', series: { name: 'testA', value: '89' } },
  { name: 'Dim', series: [{ name: 'testB', value: '490' },{ name: 'testC', value: '978' } ] }
]

Am I able to do that with a simple reduce/map loop ?

Alberto Trindade Tavares · Accepted Answer · 2020-04-04 23:09:20Z

1

You can first use reduce (with some spread syntax) to build an object that maps unique names and objects in the format you want to have, grouping series by name. Then, you can simply get the values from this object.

const myArray = [
  { name: 'Jeu', series: { name: 'testA', value: '89' } },
  { name: 'Dim', series: { name: 'testB', value: '490' } },
  { name: 'Dim', series: { name: 'testC', value: '978' } }
];

const map = myArray.reduce(
  (acc, curr) => ({
    ...acc,
    [curr.name]: {
      name: curr.name,
      series: acc[curr.name]
        ? [...acc[curr.name].series, curr.series]
        : [curr.series]
    }
  }),
  {}
);

const output = Object.values(map);
console.log(output);

edited Apr 4, 2020 at 23:09

answered Apr 4, 2020 at 22:58

Alberto Trindade Tavares

10.5k6 gold badges42 silver badges49 bronze badges

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

Collectives™ on Stack Overflow

Transform Object attribute to array of object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related