javascript | Object grouping

by

Reduce is great for situations like this. Given list below is your input data: 

const list = [{
    'name': 'Display',
    'group': 'Technical detals',
    'id': '60',
    'value': '4'
  },
  {
    'name': 'Manufacturer',
    'group': 'Manufacturer',
    'id': '58',
    'value': 'Apple'
  },
  {
    'name': 'OS',
    'group': 'Technical detals',
    'id': '37',
    'value': 'Apple iOS'
  }
];

const groups = list.reduce((groups, item) => {
  const group = (groups[item.group] || []);
  group.push(item);
  groups[item.group] = group;
  return groups;
}, {});

console.log(groups);

And if you wanted to be immutable, you could write the reduce like this:

const list = [{
    'name': 'Display',
    'group': 'Technical detals',
    'id': '60',
    'value': '4'
  },
  {
    'name': 'Manufacturer',
    'group': 'Manufacturer',
    'id': '58',
    'value': 'Apple'
  },
  {
    'name': 'OS',
    'group': 'Technical detals',
    'id': '37',
    'value': 'Apple iOS'
  }
];

const groups = list.reduce((groups, item) => ({
  ...groups,
  [item.group]: [...(groups[item.group] || []), item]
}), {});

console.log(groups);

Depending on whether your environment allows the spread syntax.

More Related Contents:

  1. Group array of object nesting some of the keys with specific names
  2. “Uncaught SyntaxError: Unexpected token , ” when create my object javascript
  3. Detecting an undefined object property
  4. Test for existence of nested JavaScript object key
  5. Weird behavior with objects & console.log [duplicate]
  6. How to create an object property from a variable value in JavaScript? [duplicate]
  7. Why can I add named properties to an array as if it were an object?
  8. How to get the size of a JavaScript object?
  9. JavaScript: filter() for Objects
  10. How to access the first property of a Javascript object?
  11. Object property name as number
  12. Sum JavaScript object propertyA values with the same object propertyB in an array of objects
  13. String to object in JS
  14. How to get objects value if its name contains dots?
  15. How to get object length [duplicate]
  16. Merge keys array and values array into an object in JavaScript
  17. Watch for object properties changes in JavaScript [duplicate]
  18. Perform .join on value in array of objects
  19. Create a reset of javascript Array prototype when Array.prototype has been modified?
  20. Deep comparison of objects/arrays [duplicate]
  21. Reverse of JSON.stringify?
  22. How to write data to a JSON file using Javascript
  23. How can I convert a jQuery object to an Element?
  24. When do I need to use hasOwnProperty()?
  25. What is the JavaScript equivalent of var_dump or print_r in PHP? [duplicate]
  26. How to iterate through property names of Javascript object?
  27. Sort a dictionary by value in JavaScript
  28. Best way to flatten JS object (keys and values) to a single depth array
  29. Dynamically Add Variable Name Value Pairs to JSON Object
  30. Grouping JSON by values

Leave a Comment