function groupItemsByName(array) {
// create a groups to store your new items
const groups = {};
//loop through your array
array.forEach(obj => {
// destructure each object into name and the rest
const { name, ...rest } = obj;
// if the named group doesnt exist create that name with an empty array
if (!groups[name]) {
groups[name] = { name, items: [] };
}
// add the items to the named group based on the name
groups[name].items.push(rest);
});
return Object.values(groups);
}
const transformedArray = groupItemsByName(inputArray);
function groupItemsByName(array) {
//Object.values returns an objects values as an array
return Object.values(
array.reduce((groups, obj) => {
// destructure as in the forEach method
const { name, ...rest } = obj;
// create the groups like in the previous method
groups[name] = groups[name] || { name, items: [] };
// push the items to the group based on the name
groups[name].items.push(rest);
return groups;
}, {})
);
}
const transformedArray = groupItemsByName(inputArray);
You can use Object.values combined with Array.prototype.reduce() and Array.prototype .push()
Code:
const data = [ { name: 3, q: 10, b: 1 }, { name: 5, q: 6, b: 2 }, { name: 5, q: 7, b: 1 }, ] const groupedData = Object.values( data.reduce((acc, obj) => { const { name, ...rest } = obj acc[name] = acc[name] || { name, items: [] } acc[name].items.push(rest) return acc }, {}) ) console.log(groupedData)You don't need lodash, you can just use JavaScript
const inputArray = [ {name: 3, q: 10, b: 1}, {name: 5, q: 6, b: 2}, {name: 5, q: 7, b: 1} ];UseforEach
function groupItemsByName(array) { // create a groups to store your new items const groups = {}; //loop through your array array.forEach(obj => { // destructure each object into name and the rest const { name, ...rest } = obj; // if the named group doesnt exist create that name with an empty array if (!groups[name]) { groups[name] = { name, items: [] }; } // add the items to the named group based on the name groups[name].items.push(rest); }); return Object.values(groups); } const transformedArray = groupItemsByName(inputArray);Use reduce and Object.values()
function groupItemsByName(array) { //Object.values returns an objects values as an array return Object.values( array.reduce((groups, obj) => { // destructure as in the forEach method const { name, ...rest } = obj; // create the groups like in the previous method groups[name] = groups[name] || { name, items: [] }; // push the items to the group based on the name groups[name].items.push(rest); return groups; }, {}) ); } const transformedArray = groupItemsByName(inputArray);Use map and reduce
const transformedArray = Array.from( inputArray.reduce((map, obj) => { const { name, ...rest } = obj; const existing = map.get(name) || { name, items: [] }; existing.items.push(rest); return map.set(name, existing); }, new Map()).values() );Output