Javascript group by with an array of objects to obtain a final keys [duplicate]

Question

I have an array of objects and am looking for the most efficient way with es6 to group them based on the material_id

var data=[
  {material_id:1, item:'test'},
  {material_id:1,  item:'test2'},
  {material_id:2,  item:'test2'},
]

So at the end i want to get

var final_data = [
  1,2
 ]

THat is the id's from the grouped material_id

SO i have tried this but am stuck on how to proceed further

let final_data = [];
data.forEach(item=>{
      //stuck here
})

I have checked on This question but it doesnt seem to show a grouping

Why don't you use groupBy method of lodash? lodash.com/docs/#groupBy — Samuel
– Samuel, Commented Jul 9, 2019 at 3:36

Maheer Ali · Accepted Answer · 2019-07-09 03:31:13Z

2

You can map() to get an array of all ids and then use Set to remove duplicates

var data=[
  {material_id:1, item:'test'},
  {material_id:1,  item:'test2'},
  {material_id:2,  item:'test2'},
]
let res = [...new Set(data.map(x => x.material_id))]
console.log(res)

answered Jul 9, 2019 at 3:31

Maheer Ali

36.5k8 gold badges53 silver badges83 bronze badges

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

Comments

Aaron Pfoltzer · Accepted Answer · 2019-07-09 03:37:01Z

1

With a unique function, I was able to solve the problem like so:

const unique = (value, index, self) => {
    return self.indexOf(value) === index
}


const data =[
  {material_id:1, item:'test'},
  {material_id:1,  item:'test2'},
  {material_id:2,  item:'test2'},
];

var final_data = [];

for(var i in data) {
    let row = data[i];
    final_data.push(row.material_id);
}
final_data = final_data.filter(unique);

console.log(final_data);

answered Jul 9, 2019 at 3:37

Aaron Pfoltzer

893 bronze badges

Comments

Hien Nguyen · Accepted Answer · 2019-07-09 03:34:29Z

0

You can use reduce to group your array and use Object.keys to get key of result.

var data=[
  {material_id:1, item:'test'},
  {material_id:1,  item:'test2'},
  {material_id:2,  item:'test2'},
]

let result = data.reduce((r, a) => {

  const {
    material_id,
    item
  } = a;

  r[a.material_id] = [...r[a.material_id] || [], {
    material_id,
    item
  }];

  return r;
}, {});


console.log(Object.keys(result));

answered Jul 9, 2019 at 3:34

Hien Nguyen

19k7 gold badges57 silver badges70 bronze badges

Collectives™ on Stack Overflow

Javascript group by with an array of objects to obtain a final keys [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related