Nested key value pair grouping into an array

Question

I have an Object with nested key value pair as:

Products:{
 Clip:{
   today_entry: 0,
   today_sold: 0
 },
 Necklace:
 {
   today_entry: 0,
   today_sold: 2
 }
}

I want to loop through the Objects Clip ad Necklace and group the values as per their inner keys i.e. today_entry, today_sold into the format:

{
 today_entry : [0,0],
 today_sold : [0,2]
}

I tried doing it using Object.entries but since it is nested I'm not able to get the inner keys. Could anyone please help me? Thank you.

Be careful that Objects are not ordered, Clip does not come necessarily prior to Necklace (unless you give some ordering criteria that you did not tell us) so there is no meaning wanting an output with arrays (that are, well, ordered) — Zzirconium
– Zzirconium, Commented Dec 8, 2020 at 9:16
This is the api response received which I want to present it in a combination chart, so order of the objects doesn't really matter @Zzirconium — Nistha Adhikari
– Nistha Adhikari, Commented Dec 8, 2020 at 10:58

Mehran Hatami · Accepted Answer · 2020-12-08 09:17:22Z

4

You can use reudce:

const products = {
 Clip:{
   today_entry: 0,
   today_sold: 0,
 },
 Necklace:
 {
   today_entry: 0,
   today_sold: 2,
 },
};

const result = Object.keys(products).reduce((ac, key) => ({
 today_entry: [ ...ac.today_entry, products[key].today_entry],
 today_sold: [ ...ac.today_sold, products[key].today_sold],
}), { today_entry: [], today_sold: []});

console.log(result);

In case the order of the values in the arrays are important you should also sort the keys the way you want.

answered Dec 8, 2020 at 9:17

Mehran Hatami

13k6 gold badges31 silver badges36 bronze badges

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

2 Comments

Aalexander Over a year ago

Very good solution. What does this ...ac.today entry?

Mehran Hatami Over a year ago

@Alex it is called spread operator which in this case spreads the values from an array into the other newly created array.

StepUp · Accepted Answer · 2020-12-08 09:23:55Z

3

It is possible to use reduce() method to create an object with Object.values() to get values from object:

const result = Object.values(products).reduce((a, c) => {
    for (const key in c) {
       a[key] = a[key] || [];
       a[key].push(c[key]);
    }
    return a;
},{});

An example:

let products  = {
 Clip:{
   today_entry: 0,
   today_sold: 0
 },
 Necklace:
 {
   today_entry: 0,
   today_sold: 2
 }
}

const result = Object.values(products).reduce((a, c) => {
  for (const key in c) {
a[key] = a[key] || [];
a[key].push(c[key]);
  }
  return a;
},{});



console.log(result)

answered Dec 8, 2020 at 9:23

StepUp

38.5k16 gold badges95 silver badges159 bronze badges

2 Comments

Zzirconium Over a year ago

very elegant solution. But again I think the OP wanting this out as an array is a mistake as there is no guarantee Products keys will be reduced in a deterministic order.

StepUp Over a year ago

@Zzirconium thanks for the kind words! It means to me a lot! Let's wait OP to know what he actually wants! :)

Shabir Hamid · Accepted Answer · 2020-12-08 09:38:45Z

1

const products = {
 Clip:{
   today_entry: 0,
   today_sold: 0
 },
 Necklace:
 {
   today_entry: 0,
   today_sold: 2
 }
}

const result = {};

for(item in products) {
  for (action in products[item]) {
    result[action]= result[action]||[];
    result[action].push(products[item][action])
  }
}

console.log(result)
//{ today_entry: [ 0, 0 ], today_sold: [ 0, 2 ] }

answered Dec 8, 2020 at 9:38

Shabir Hamid

1581 silver badge9 bronze badges

Collectives™ on Stack Overflow

Nested key value pair grouping into an array

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related