JS: Group array by values in nested array

Question

I have an array:

[
  {
    theme: "low battery",
    Number: "S-10",
    components: [ "hardware", "battery" ]
  },
  {
    theme: "bad sync",
    Number: "S-11",
    components: [ "software" ]
  },
  {
    theme: "misc troubles",
    Number: "S-12",
    components: [ "hardware", "software" ]
  }
]

So i want to group this array by "components" values. In other words, i want to know, how many times does component occures in array. For example:

[
  {
    component: "hardware",
    amount: 2
  },
  {
    component: "software",
    amount: 2
  },
  {    
    component: "battery",
    amount: 1
  }
]

Possible duplicate of What is the most efficient method to groupby on a javascript array of objects? — Andreas
– Andreas, Commented Jul 7, 2017 at 8:13

Dij · Accepted Answer · 2017-07-07 08:36:51Z

1

   

 var arr = [
      {
        theme: "low battery",
        Number: "S-10",
        components: [ "hardware", "battery" ]
      },
      {
        theme: "bad sync",
        Number: "S-11",
        components: [ "software" ]
      },
      {
        theme: "misc troubles",
        Number: "S-12",
        components: [ "hardware", "software" ]
      }
    ];
    var components = {};
    arr.forEach(function(val){
        val.components.forEach(function(c){
           components[c] = !(c in components) ? 1 : Number(components[c])+1;
        });
    });

    var componentCount = [];
    for(key in components){
     componentCount.push({'component' : key, 'amount' : components[key]});
    }
    
   console.log(componentCount);

edited Jul 7, 2017 at 8:36

answered Jul 7, 2017 at 8:29

Dij

9,8184 gold badges21 silver badges35 bronze badges

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

2 Comments

Denisov Jr. Over a year ago

That's exactly what i need. Thanks a lot.

Dij Over a year ago

@DenisovJr. consider accepting answer, if it helped. Cheers!

Alberto Trindade Tavares · Accepted Answer · 2017-07-07 08:44:23Z

You can create a map to store the count of each component in an efficient way (lookup complexity of O(1)):

var items = [
  {
    theme: "low battery",
    Number: "S-10",
    components: [ "hardware", "battery" ]
  },
  {
    theme: "bad sync",
    Number: "S-11",
    components: [ "software" ]
  },
  {
    theme: "misc troubles",
    Number: "S-12",
    components: [ "hardware", "software" ]
  }
];

var componentMap = new Map();

items.forEach((item) => {
  item.components.forEach((component) => {
    if (componentMap.has(component)) {
      componentMap.set(component, componentMap.get(component) + 1);
    }
    else {
      componentMap.set(component, 1);
    }
  });
});

var componentCount = [];

componentMap.forEach((value, key) => {
  componentCount.push({
    component: key,
    amount: value
  });
});

console.log(componentCount);

Nenad Vracar · Accepted Answer · 2017-07-07 09:47:06Z

1

You can use forEach() loop and thisArg parameter to store each component and increment amount.

var data = [{"theme":"low battery","Number":"S-10","components":["hardware","battery"]},{"theme":"bad sync","Number":"S-11","components":["software"]},{"theme":"misc troubles","Number":"S-12","components":["hardware","software"]}]

var result = []

data.forEach(function(e) {
  var that = this;
  e.components.forEach(function(c) {
    if(!that[c]) {
      that[c] = {component: c, amount: 0}
      result.push(that[c])
    }
    that[c].amount += 1
  })
}, {})

console.log(result)

answered Jul 7, 2017 at 9:47

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Collectives™ on Stack Overflow

JS: Group array by values in nested array

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related