
- Javascript Basics Tutorial
- Javascript - Home
- Javascript - Overview
- Javascript - Syntax
- Javascript - Enabling
- Javascript - Placement
- Javascript - Variables
- Javascript - Operators
- Javascript - If...Else
- Javascript - Switch Case
- Javascript - While Loop
- Javascript - For Loop
- Javascript - For...in
- Javascript - Loop Control
- Javascript - Functions
- Javascript - Events
- Javascript - Cookies
- Javascript - Page Redirect
- Javascript - Dialog Boxes
- Javascript - Void Keyword
- Javascript - Page Printing
- JavaScript Objects
- Javascript - Objects
- Javascript - Number
- Javascript - Boolean
- Javascript - Strings
- Javascript - Arrays
- Javascript - Date
- Javascript - Math
- Javascript - RegExp
- Javascript - HTML DOM
- JavaScript Advanced
- Javascript - Error Handling
- Javascript - Validations
- Javascript - Animation
- Javascript - Multimedia
- Javascript - Debugging
- Javascript - Image Map
- Javascript - Browsers
- JavaScript Useful Resources
- Javascript - Questions And Answers
- Javascript - Quick Guide
- Javascript - Functions
- Javascript - Resources
How to group an array of objects by key in JavaScript
Suppose, we have an array of objects containing data about some cars like this −
const arr = [ { 'make': 'audi', 'model': 'r8', 'year': '2012' }, { 'make': 'audi', 'model': 'rs5', 'year': '2013' }, { 'make': 'ford', 'model': 'mustang', 'year': '2012' }, { 'make': 'ford', 'model': 'fusion', 'year': '2015' }, { 'make': 'kia', 'model': 'optima', 'year': '2012' }, ];
We are required to write a JavaScript function that takes in one such array of objects. The function should then group the objects together based on their 'make' property.
Output
Therefore, the output should look something like this −
const output = { 'audi': [ { 'model': 'r8', 'year': '2012' }, { 'model': 'rs5', 'year': '2013' }, ], 'ford': [ { 'model': 'mustang', 'year': '2012' }, { 'model': 'fusion', 'year': '2015' } ], 'kia': [ { 'model': 'optima', 'year': '2012' } ] };
Example
The code for this will be −
const arr = [ { 'make': 'audi', 'model': 'r8', 'year': '2012' }, { 'make': 'audi', 'model': 'rs5', 'year': '2013' }, { 'make': 'ford', 'model': 'mustang', 'year': '2012' }, { 'make': 'ford', 'model': 'fusion', 'year': '2015' }, { 'make': 'kia', 'model': 'optima', 'year': '2012' }, ]; const groupByMake = (arr = []) => { let result = []; result = arr.reduce((r, a) => { r[a.make] = r[a.make] || []; r[a.make].push(a); return r; }, Object.create(null)); return result; }; console.log(groupByMake(arr));
Output
And the output in the console will be −
{ audi: [ { make: 'audi', model: 'r8', year: '2012' }, { make: 'audi', model: 'rs5', year: '2013' } ], ford: [ { make: 'ford', model: 'mustang', year: '2012' }, { make: 'ford', model: 'fusion', year: '2015' } ], kia: [ { make: 'kia', model: 'optima', year: '2012' } ] }
- Related Articles
- How to group array of objects by Id in JavaScript?
- Sorting an array of objects by an array JavaScript
- Group objects by property in JavaScript
- How to Sort object of objects by its key value JavaScript
- Extract unique objects by attribute from an array of objects in JavaScript
- Join two objects by key in JavaScript
- Sort an array of objects by multiple properties in JavaScript
- Merge objects in array with similar key JavaScript
- Sorting an array of objects by property values - JavaScript
- Find specific key value in array of objects using JavaScript
- Converting array of objects to an object of objects in JavaScript
- Group objects inside the nested array JavaScript
- How to access properties of an array of objects in JavaScript?
- How to access methods of an array of objects in JavaScript?
- How to create an array of partial objects from another array in JavaScript?

Advertisements