本文介绍使用 javascript 的 `flat()` 和 `reduce()` 方法，将多层嵌套的用户数据按 `class_id` 分组聚合，生成结构清晰的班级-学生映射数组，解决传统遍历逻辑无法处理跨子数组同字段归并的问题。
在 node.js（或现代浏览器）环境中处理分层嵌套的数组数据时，常见的误区是试图用多层 for 循环或 map + 条件判断强行分组——这不仅代码冗长，更难以应对 class_id 跨不同子数组重复出现的场景（如 “Grade 2” 同时出现在第二个和第三个子数组中）。正确解法应聚焦于扁平化 → 按键归并 → 提取值三步范式。
✅ 推荐方案：flat() + reduce() 构建哈希索引
首先，使用 Array.prototype.flat() 将二维数组（如 [[…], […]]）一次性展平为一维学生对象数组；接着，利用 reduce() 构造一个以 class_id 为键的对象字典（即哈希表），每个键对应一个 { class_id, students: […] } 结构。关键在于使用 Nullish Coalescing Assignment (??=) 安全初始化未存在的键：
const data = [ [ { class_id: "Grade 1", roll_number: "1", name: "alex" }, { class_id: "Grade 1", roll_number: "2", name: "bob" }, ], [ { class_id: "Grade 2", roll_number: "7", name: "peter" }, { class_id: "Grade 3", roll_number: "6", name: "lia" }, { class_id: "Grade 2", roll_number: "5", name: "mary" }, { class_id: "Grade 3", roll_number: "1", name: "violet" }, ], ]; const grouped = data .flat() // → [{...}, {...}, {...}, ...] .reduce((acc, { class_id, roll_number, name }) => { // 若 acc[class_id] 不存在，则初始化为 { class_id, students: [] } acc[class_id] ??= { class_id, students: [] }; // 将精简学生信息推入对应班级的 students 数组 acc[class_id].students.push({ roll_number, name }); return acc; }, {}); // 最终转换为所需数组格式 const result = Object.values(grouped); console.log(result);输出结果完全符合需求：
[ { "class_id": "Grade 1", "students": [ { "roll_number": "1", "name": "alex" }, { "roll_number": "2", "name": "bob" } ] }, { "class_id": "Grade 2", "students": [ { "roll_number": "7", "name": "peter" }, { "roll_number": "5", "name": "mary" } ] }, { "class_id": "Grade 3", "students": [ { "roll_number": "6", "name": "lia" }, { "roll_number": "1", "name": "violet" } ] } ]⚠️ 注意事项与增强建议
- 兼容性处理：若需支持 Node.js
- 字段校验：生产环境建议在解构前检查 class_id 是否存在，避免 undefined 键污染结果；
- 排序稳定性：Object.values() 返回顺序与插入顺序一致（ES2015+），但若需严格按 Grade 1 → Grade 2 → Grade 3 排序，可在最后添加 .sort((a, b) => a.class_id.localeCompare(b.class_id))；
- 扩展性：该模式可轻松适配其他分组字段（如 department、region），只需替换解构变量和键名即可。
此方法逻辑清晰、性能高效（单次遍历 O(n)）、无副作用，是处理此类“多源同构数据聚合”任务的标准实践。