Object.groupBy() và Map.groupBy() (ES2024) là gì? Khi nào chọn cái nào?

Hai static method gom các phần tử của một iterable thành nhóm dựa trên giá trị callback trả về, thay cho việc tự viết reduce lồng nhau.

• Object.groupBy(items, fn) → trả về object thường (null-prototype), key là string/symbol (giá trị callback bị ép về string).
• Map.groupBy(items, fn) → trả về Map, key giữ nguyên kiểu — dùng được object/number/boolean làm key và an toàn với key như __proto__.

const nums = [1, 2, 3, 4, 5];
Object.groupBy(nums, (n) => (n % 2 ? 'odd' : 'even'));
// { odd: [1, 3, 5], even: [2, 4] }

Map.groupBy(nums, (n) => (n > 3 ? bigKeyObj : smallKeyObj));
// Map { smallKeyObj => [1,2,3], bigKeyObj => [4,5] }

Chọn cái nào: cần key dạng chuỗi đơn giản, JSON-friendly → Object.groupBy. Cần key là object hoặc tránh đụng prototype → Map.groupBy.

Lưu ý: không có ?.groupBy trên instance — đây là static method. Callback nhận (element, index).

Two static methods that group an iterable's elements by the value a callback returns, replacing hand-written nested reduce.

• Object.groupBy(items, fn) → plain (null-prototype) object; keys are strings/symbols (callback value is coerced to string).
• Map.groupBy(items, fn) → a Map; keys keep their type — you can use objects/numbers/booleans as keys, and it's safe against keys like __proto__.

const nums = [1, 2, 3, 4, 5];
Object.groupBy(nums, (n) => (n % 2 ? 'odd' : 'even'));
// { odd: [1, 3, 5], even: [2, 4] }

Map.groupBy(nums, (n) => (n > 3 ? bigKeyObj : smallKeyObj));

Which: simple JSON-friendly string keys → Object.groupBy. Object keys or avoiding prototype clashes → Map.groupBy.

Note: there's no instance .groupBy — these are static. The callback receives (element, index).