Merge JavaScript objects in array with same key

by

Here is one option:-

var array = [{
  name: "foo1",
  value: "val1"
}, {
  name: "foo1",
  value: ["val2", "val3"]
}, {
  name: "foo2",
  value: "val4"
}];

var output = [];

array.forEach(function(item) {
  var existing = output.filter(function(v, i) {
    return v.name == item.name;
  });
  if (existing.length) {
    var existingIndex = output.indexOf(existing[0]);
    output[existingIndex].value = output[existingIndex].value.concat(item.value);
  } else {
    if (typeof item.value == 'string')
      item.value = [item.value];
    output.push(item);
  }
});

console.dir(output);

More Related Contents:

  1. Most efficient method to groupby on an array of objects
  2. How to merge two arrays in JavaScript and de-duplicate items
  3. JavaScript merging objects by id
  4. How to add same elements to javascript array n times
  5. How to filter an array from all elements of another array
  6. Get the closest number out of an array
  7. forEach on querySelectorAll not working in recent Microsoft browsers
  8. Find all possible subset combos in an array?
  9. How does `Array.prototype.slice.call` work?
  10. Filter array of objects with another array of objects
  11. How to transpose a javascript object into a key/value array
  12. Array.push() if does not exist?
  13. How to search in array of object in mongodb
  14. Javascript sort function. Sort by First then by Second
  15. Convert javascript object or array to json for ajax data
  16. Alternative or polyfill for Array.from on the Internet Explorer
  17. How to Compare two Arrays are Equal using Javascript? [duplicate]
  18. What’s the difference between “{}” and “[]” while declaring a JavaScript array?
  19. Remove empty strings from array while keeping record Without Loop?
  20. Delete duplicate elements from an array [duplicate]
  21. Why Array.forEach is slower than for() loop in Javascript? [duplicate]
  22. Array destructuring in JavaScript
  23. Array.includes() to find object in array
  24. String split returns an array with more elements than expected (empty elements)
  25. How to create an array of object literals in a loop?
  26. How to use Array.prototype.filter with async?
  27. Populating JavaScript Array from JSP List
  28. Creating an array consisting of the largest values of each sub-array does not work as expected
  29. How are JavaScript arrays implemented?
  30. Find object having maximum value for the `id` property in an array of objects

Leave a Comment