𝗚𝗿𝗼𝘂𝗽𝗕𝘆 𝗶𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁: 𝗧𝗵𝗲 𝗘𝗮𝘀𝘆 𝗪𝗮𝘆 𝘁𝗼 𝗢𝗿𝗴𝗮𝗻𝗶𝘇𝗲 𝗗𝗮𝘁𝗮

𝗚𝗿𝗼𝘂𝗽𝗕𝘆 𝗶𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁: 𝗧𝗵𝗲 𝗘𝗮𝘀𝘆 𝗪𝗮𝘆 𝘁𝗼 𝗢𝗿𝗴𝗮𝗻𝗶𝘇𝗲 𝗗𝗮𝘁𝗮

Stop using reduce to organize arrays. It makes code hard to read.

ECMAScript 2024 gives you a simpler way. Use Object.groupBy and Map.groupBy.

Grouping data turns a list into an index. You use a key to organize items. This makes searches faster.

Use Object.groupBy when your key is a string.

• Pass the list.
• Pass a function for the key.
• Get an organized object.

Use Map.groupBy when your key is not a string. This works for:

• Dates
• Objects
• Symbols

Map.groupBy keeps the original type of the key. This prevents errors.

These tools make your code leaner. Most modern browsers support them. You only lose support for Internet Explorer.

Source: https://dev.to/sucodelarangela/groupby-in-javascript-the-easy-way-to-index-and-organize-data-53op