Merge JavaScript objects with the same key value and count them

Question

I'm trying to merge objects with the same key value into one and count them. Is it even possible?

    var array = {
"items": [{
    "value": 10,
    "id": "111",
    "name": "BlackCat",
}, {
    "value": 10,
    "id": "111",
    "name": "BlackCat",
}, {
    "value": 15,
    "id": "777",
    "name": "WhiteCat",
}]
}

Desired output:

    var finalArray = {
"items": [{
    "value": 10,
    "id": "111",
    "name": "BlackCat",
    "count": 2,
}, {
    "value": 15,
    "id": "777",
    "name": "WhiteCat",
    "count": 1,
}]
}

The object "array" has 1 array inside, with 3 objetcs (like a JSON), why is that? can you modified and use just an array of objects? I think that using array.filter and map would do the trick — pmiranda
– pmiranda, Commented Feb 7, 2017 at 14:45
Did you check this? stackoverflow.com/questions/33850412/… — pmiranda
– pmiranda, Commented Feb 7, 2017 at 14:46

tymeJV · Accepted Answer · 2017-02-07 14:46:59Z

4

You can use reduce on your items array:

var combinedItems = array.items.reduce(function(arr, item) {
    var found = false;

    for (var i = 0; i < arr.length; i++) {
        if (arr[i].id === item.id) {
            found = true;
            arr[i].count++;
        }
    }

    if (!found) {
        item.count = 1;
        arr.push(item);
    }

    return arr;
}, [])

Fiddle: https://jsfiddle.net/6wqw79pn/

answered Feb 7, 2017 at 14:46

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Comments

Matt Spinks · Accepted Answer · 2017-02-07 14:56:07Z

0

You could use a for loop:

var finalArray = [];
for (var i in array.items) {
  var item = array.items[i];
  var existingItem = finalArray.find(function(element){
    return (element.id == item.id);
  });
  if (!existingItem) {
    existingItem = {};
    finalArray.push(existingItem);
  } else {
    if (!existingItem.count)
      existingItem.count = 2;
    else
      existingItem.count++;
  }
  for (var j in item) {
    existingItem[j] = item[j];
  }
}

Working example: https://jsfiddle.net/mspinks/5kowbq4j/3/

answered Feb 7, 2017 at 14:56

Matt Spinks

6,7404 gold badges32 silver badges57 bronze badges

Comments

Nina Scholz · Accepted Answer · 2017-02-07 15:00:04Z

0

Basically you could use a hash table with the value of id as key and count.

var object = { items: [{ value: 10, id: "111", name: "BlackCat", }, { value: 10, id: "111", name: "BlackCat", }, { value: 15, id: "777", name: "WhiteCat", }] },
result = object.items.reduce(function (hash) {
    return function (r, o) {
        if (!hash[o.id]) {
            hash[o.id] = { value: o.value, id: o.id, name: o.name, count: 0 };
            r.push(hash[o.id]);
        }
        hash[o.id].count++;
        return r;
    };
}(Object.create(null)), []);
	
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Feb 7, 2017 at 15:00

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Vignesh Murugan · Accepted Answer · 2017-02-07 15:49:59Z

0

Underscore js will be able to solve your problem very easily

var groups = _.groupBy(array.items, function(item){
    return item.value + '#' + item.id + '#' + item.name;
});

var data = {'items' : []};

_.each(groups,function(group){
    data.items.push({
      'value' : group[0].value,
      'id' : group[0].id,
      'name' : group[0].name,
      'count' : group.length
    })
})

console.log(data)

edited Feb 7, 2017 at 15:49

answered Feb 7, 2017 at 15:06

Vignesh Murugan

5855 silver badges18 bronze badges

Collectives™ on Stack Overflow

Merge JavaScript objects with the same key value and count them

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related