Grouping based on unique key in array of object

Question

I am working on a small React project where I am stuck at this point. I need to make a grouping based on array object key.

Below is the Array:

   let addOnFeatures = [
    {"name": "feature1", id: 101, cost: 100},
    {"name": "feature2", id: 102, cost: 200},
    {"name": "feature1", id: 103, cost: 300},
    {"name": "feature3", id: 104, cost: 40}
    ]

I need to make a grouping based on name key so that every id related to common name should be displayed on its own tab.

Expected output should be like

*uniqueFeaturename
id: cost

Example:

 1. feature1
   101 : 100
   103 : 300
 2. feature2
    102 : 200
 3. feature3
    104: 40

Please post the expected output in a valid JSON format with the code you've tried. It's unclear at the moment — adiga
– adiga, Commented May 28, 2020 at 6:35
Hi! I just edited your question, so that the text is out of the code-formatted blocks. — Joël
– Joël, Commented May 28, 2020 at 6:38
Second comment: what have you tried so far? Please expose either some code, or at least the algorithm you'd like to implement. — Joël
– Joël, Commented May 28, 2020 at 6:39

Shubham Khatri · Accepted Answer · 2020-05-28 06:46:34Z

2

Just make use of Array.prototype.reduce and add elements to object like

let addOnFeatures = [
    {"name": "feature1", id: 101, cost: 100},
    {"name": "feature2", id: 102, cost: 200},
    {"name": "feature1", id: 103, cost: 300},
    {"name": "feature3", id: 104, cost: 40}
]

const res = addOnFeatures.reduce((acc, item) => {
   if(acc[item.name]) {
      acc[item.name] = {...acc[item.name], [item.id]: item.cost};
   } else {
      acc[item.name] = {[item.id]: item.cost};
   }
   return acc;
}, {});

console.log(res);

answered May 28, 2020 at 6:46

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

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

Comments

ABGR · Accepted Answer · 2020-05-28 07:22:11Z

-1

One solution can be this:

 let addOnFeatures = [
    {"name": "feature1", id: 101, cost: 100},
    {"name": "feature2", id: 102, cost: 200},
    {"name": "feature1", id: 103, cost: 300},
    {"name": "feature3", id: 104, cost: 40}
    ];
    
    var res={}; 
    addOnFeatures.forEach(i=>{
    
       if(!res[i.name]){
         res[i.name] = [{id: i.id, cost:i.cost}]
       }else{
        res[i.name].push({id: i.id, cost:i.cost})
       }
    }
    );
    
    console.log(res)

Or this

 let addOnFeatures = [
    {"name": "feature1", id: 101, cost: 100},
    {"name": "feature2", id: 102, cost: 200},
    {"name": "feature1", id: 103, cost: 300},
    {"name": "feature3", id: 104, cost: 40}
    ];
    
   var res2={}; 
    addOnFeatures.forEach(i=>{
        res2[i.name] = res2[i.name] ? [...res2[i.name],...[{id: i.id, cost:i.cost}]] :[...[{id: i.id, cost:i.cost}]]
    }
    );
    
    console.log(res2)

edited May 28, 2020 at 7:22

answered May 28, 2020 at 7:12

ABGR

5,2634 gold badges34 silver badges56 bronze badges

1 Comment

benjamin Rampon Over a year ago

This one should work, but use a reducer instead of mutate a var with a forEach, is quitely better

Collectives™ on Stack Overflow

Grouping based on unique key in array of object

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related