How to use Array.prototype.forEach In Javascript
The forEach method is utilised to achieve object separation by iterating over the array of objects. It maintains an empty object to store the grouped objects, and for each object in the array, it checks whether an array for the specific property exists in the accumulator. If not, a new array is created, and the object is appended to it.
Example: In this, the for-each categories for-each categories loop is used to iterate over the array and group fruits based on the category.
// Array of objects
const array = [
{ id: 1, category: "A", value: "apple" },
{ id: 2, category: "B", value: "banana" },
{ id: 3, category: "A", value: "avocado" },
// ... more objects here
];
const groupedObjects = {};
array.forEach((obj) => {
groupedObjects[obj.category] =
groupedObjects[obj.category] || [];
groupedObjects[obj.category].push(obj);
});
// Output
console.log(groupedObjects);
Output
{
A: [
{ id: 1, category: 'A', value: 'apple' },
{ id: 3, category: 'A', value: 'avocado' }
],
B: [ { id: 2, category: 'B', value: 'banana' } ]
}
How to Separate Array of Objects into Multiple Objects in JavaScript ?
In JavaScript, the task of separating an array of objects into multiple objects involves organizing and restructuring data based on specific criteria or properties. This process is often necessary when dealing with datasets that need to be grouped or segmented for easier analysis or manipulation.
There are various methods to achieve this separation which are as follows
Table of Content
- Using Array.prototype.reduce
- Using Array.prototype.forEach
- Using Map data structure
- Using Lodash _.groupBy