数组分组是数据处理中的核心操作，其本质是将集合元素按指定规则划分为逻辑关联的子集，类似于SQL的GROUP BY子句或MapReduce编程模型[18]。ES2024规范引入的Object.groupBy与Map.groupBy方法，彻底改变了传统分组实现的繁琐性，为数组分组提供了原生解决方案。
一、从传统实现到现代分组：以学生成绩分类为例
在教育数据处理场景中，将学生按年级分组是典型需求。假设有如下学生数据集：
const students = [
{ name: "张三", grade: "A", score: 95 },
{ name: "李四", grade: "B", score: 85 },
{ name: "王五", grade: "A", score: 92 },
{ name: "赵六", grade: "B", score: 88 }
];传统实现：基于reduce的分组逻辑
在ES2024之前，需通过reduce方法手动构建分组对象，涉及键存在性判断、数组初始化等重复操作：
// 传统reduce实现分组
const groupedByGradeReduce = students.reduce((acc, student) => {
// 若分组键不存在则初始化空数组
if (!acc[student.grade]) {
acc[student.grade] = [];
}
// 将当前学生添加到对应分组
acc[student.grade].push(student);
return acc;
}, {}); // 初始值为空对象
// 结果: { 'A': [{name: '张三', ...}, {name: '王五', ...}], 'B': [{name: '李四', ...}, {name: '赵六', ...}] }这种方式虽功能完整，但存在模板代码冗余、易出错（如忘记初始化数组）等问题[19]。
现代实现：Object.groupBy的简洁表达
ES2024引入的Object.groupBy将分组逻辑抽象为"数据源+分组函数"的声明式模式，直接返回按指定键分组的对象：
// ES2024 Object.groupBy实现分组
const groupedByGrade = Object.groupBy(students, (student) => student.grade);
// 结果与reduce实现完全一致，但代码量减少60%该方法接收两个参数：待分组的可迭代对象（如数组）和回调函数，后者返回的键值将作为分组依据[20]。返回的对象为无原型对象（不继承Object.prototype属性），确保分组键不会与原生方法冲突[21]。
二、复杂条件分组：Map.groupBy的灵活应用
当分组键需要支持非字符串类型（如数字区间、对象引用）时，Map.groupBy展现出比Object.groupBy更强大的灵活性。以"按分数区间分组"为例，可将学生成绩划分为"优秀(≥90)"、"良好(80-89)"、"及格(60-79)"三个区间。
实现逻辑：通过回调函数动态计算分数区间作为分组键，Map.groupBy会自动处理键的唯一性：
// 按分数区间分组（复杂条件示例）
const scoreRanges = Map.groupBy(students, (student) => {
if (student.score >= 90) return "优秀";
if (student.score >= 80) return "良好";
return "及格";
});
// 结果访问：通过Map的get方法获取对应分组
console.log(scoreRanges.get("优秀"));
// 输出: [{ name: "张三", grade: "A", score: 95 }, { name: "王五", grade: "A", score: 92 }]与Object.groupBy的核心差异在于：Map.groupBy返回Map实例，其键可以是任意数据类型（字符串、数字、对象等），而Object.groupBy的键仅支持字符串或符号[20]。
三、技术特性与使用注意事项
关键特性总结
- 声明式语法：通过回调函数直接定义分组逻辑，避免命令式的数组初始化与条件判断
- 返回类型差异：
Object.groupBy返回纯对象（键为字符串），Map.groupBy返回Map实例（支持任意键类型） - 无原型污染：
Object.groupBy返回对象不继承Object.prototype，避免键名冲突（如toString等原生方法）[21]
环境兼容性与性能考量
作为ES2024新增特性，groupBy方法需运行环境支持（如Chrome 117+、Node.js 20.11+）[22]。对于旧环境，可通过core-js等polyfill提供兼容支持[19]。在处理百万级以上大数据集时，建议评估性能表现——虽然原生方法在V8引擎中经过优化，但高频操作仍需考虑结果缓存或算法优化[19]。
四、扩展场景：多条件组合分组
groupBy的回调函数支持返回复合键，实现更精细的分组逻辑。例如按"年级+科目"组合分组：
// 多条件组合分组示例
const studentsWithSubject = [
{ name: "张三", grade: "A", subject: "Math" },
{ name: "李四", grade: "B", subject: "Math" },
{ name: "王五", grade: "A", subject: "Physics" }
];
// 按年级和科目组合分组
const groupedByGradeSubject = Object.groupBy(
studentsWithSubject,
(s) => `${s.grade}-${s.subject}` // 返回"9-Math"格式的复合键
);
// 结果: { 'A-Math': [...], 'B-Math': [...], 'A-Physics': [...] }这种方式可灵活应对教育统计、电商商品分类等多维度分析场景[20]。