How can I group an array of complex objects by key

Question

This is similar to the question How can I group an array of complex objects by key but my data is complex and the solution provided did not work.

const cars = [
    {
        'make': 'audi',
        'model': ['r8','r9'],
        'year': '2012'
    }, {
        'make': 'audi',
        'model': ['r8','r9'],
        'year': '2013'
    }, {
        'make': 'ford',
        'model': ['mustang','mustang lx'],
        'year': '2012'
    }, {
        'make': 'ford',
        'model': ['mustang','mustang lp'],
        'year': '2015'
    }, {
        'make': 'kia',
        'model': 'optima',
        'year': '2012'
    },
];

I want to make a new array of car objects that's grouped by make:

{
    'audi': [
        {
        'make': 'audi',
        'model': ['r8','r9'],
        'year': '2012'
    }, {
        'make': 'audi',
        'model': ['r8','r9'],
        'year': '2013'
    }
    ],

    'ford': [
        {
        'make': 'ford',
        'model': ['mustang','mustang lx'],
        'year': '2012'
    }, {
        'make': 'ford',
        'model': ['mustang','mustang lp'],
        'year': '2015'
    }
    ],

    'kia': [
        {
        'make': 'kia',
        'model': 'optima',
        'year': '2012'
    }
    ]
}

I tried

   for (let { domain, ...fields } of items) {
        result[domain] = result[domain] || [];
        result[domain].push({ ...fields });
    }

and


    result = items.reduce(function (r, a) {
        r[a.domain] = r[a.domain] || [];
        r[a.domain].push(a);
        return r;
    }, Object.create(null));

the output was

{
    'audi': [
        {
        'make': 'audi',
        'model': [Array],
        'year': '2012'
    }, {
        'make': 'audi',
        'model': [Array],
        'year': '2013'
    }
    ],

    'ford': [
        {
        'make': 'ford',
        'model': [Array],
        'year': '2012'
    }, {
        'make': 'ford',
        'model': [Array],
        'year': '2015'
    }
    ],

    'kia': [
        {
        'make': 'kia',
        'model': 'optima',
        'year': '2012'
    }
    ]
}

Your code seems to work just fine: https://jsfiddle.net/NullDev/gLej38hv/6/ — NullDev, Jul 19 '22 at 12:02
@nullDev - weird your right. the example works but I prod data does not :( — Barry MSIH, Jul 19 '22 at 12:54

score 0 · Answer 1 · answered Jul 19 '22 at 12:07

You can try this :

let groupBy = (arr, key) => {
    return arr.reduce((rv, x) => {
        (rv[x[key]] = rv[x[key]] || []).push(x);
        return rv;
    }, {});
};

let res = groupBy(cars, 'make');
console.log(res);

// Output :
// {
//     "audi": [
//         {
//             "make": "audi",
//             "model": [
//                 "r8",
//                 "r9"
//             ],
//             "year": "2012"
//         },
//         {
//             "make": "audi",
//             "model": [
//                 "r8",
//                 "r9"
//             ],
//             "year": "2013"
//         }
//     ],
//     "ford": [
//         {
//             "make": "ford",
//             "model": [
//                 "mustang",
//                 "mustang lx"
//             ],
//             "year": "2012"
//         },
//         {
//             "make": "ford",
//             "model": [
//                 "mustang",
//                 "mustang lp"
//             ],
//             "year": "2015"
//         }
//     ],
//     "kia": [
//         {
//             "make": "kia",
//             "model": "optima",
//             "year": "2012"
//         }
//     ]
// }

How can I group an array of complex objects by key

1 Answers1