本文详解如何将包含重复键（如 year）的对象数组，高效转换为以该键为属性名、对应值为同键所有语言组成的数组的对象集合，并提供多种实现方式及关键注意事项。
本文详解如何将包含重复键（如 year）的对象数组，高效转换为以该键为属性名、对应值为同键所有语言组成的数组的对象集合，并提供多种实现方式及关键注意事项。
在前端开发与数据处理中，常需将扁平的数组结构（如日志、记录、配置项）按某一字段聚合为嵌套对象结构，便于后续查询或渲染。上述需求本质上是按指定键（year）分组并收集关联值（language），属于典型的“数组分组”（grouping）操作。
✅ 推荐实现：使用 reduce()（函数式、简洁、可读性强）
const arr = [
{ year: 2023, language: 'react' },
{ year: 2023, language: 'node' },
{ year: 2022, language: 'mongodb' },
{ year: 2022, language: 'javascript' },
{ year: 2021, language: 'jquery' }
];
const grouped = arr.reduce((acc, item) => {
const key = String(item.year); // 确保 key 为字符串（避免隐式类型转换问题）
if (!acc[key]) acc[key] = [];
acc[key].push(item.language);
return acc;
}, {});
console.log(grouped);
// { '2023': ['react', 'node'], '2022': ['mongodb', 'javascript'], '2021': ['jquery'] }? reduce() 是最推荐的方式：它声明式表达“累积映射关系”，无需预声明空对象，逻辑内聚，且天然支持链式调用与组合。
? 替代方案：forEach()（过程式、易理解）
原答案提供的 forEach 方案同样有效，适合初学者理解执行流程：
const obj = {};
arr.forEach(({ year, language }) => {
const key = String(year);
if (!obj[key]) obj[key] = [];
obj[key].push(language);
});注意：解构赋值 { year, language } 提升可读性；显式 String(year) 避免数字键被意外当作数组索引（如 obj[2023] 在某些上下文中可能触发稀疏数组行为）。
⚠️ 常见错误与注意事项
- 未处理键类型：直接使用 item.year 作对象键虽能工作，但若 year 为 number，JavaScript 会自动转为字符串；不过显式转换更安全、语义更清晰。
- 忽略空数组初始化：未检查 acc[key] 是否存在即 .push() 会导致 TypeError。
- 使用 for...in 遍历数组：应避免——for...in 用于遍历对象属性，对数组可能枚举原型方法，造成意外结果。
- 性能考量：对于超大数据集（>10万项），可考虑 Map 替代普通对象（Map 键可为任意类型且插入/查找为 O(1)），但本例中字符串键+小规模数据，普通对象完全足够。
✅ 进阶：封装为通用分组函数
const groupBy = (array, keyFn, valueFn = x => x) =>
array.reduce((acc, item) => {
const key = String(keyFn(item));
if (!acc[key]) acc[key] = [];
acc[key].push(valueFn(item));
return acc;
}, {});
// 使用示例
const result = groupBy(arr,
item => item.year, // 分组依据
item => item.language // 提取值
);此函数支持任意字段分组与值映射，大幅提升复用性。
总之，核心在于识别分组维度、初始化容器、逐项归集。选择 reduce 或 forEach 取决于团队风格与可维护性偏好，但务必确保键的类型安全与边界条件健壮性。
