本文介绍如何将对象数组按指定键（如 foo）分组为 Map，并确保各分组内数组按另一键（如 bar）升序排列，同时保证 Map 的键按自然顺序插入——兼顾可读性、性能与 ES6 最佳实践。
本文介绍如何将对象数组按指定键（如 `foo`）分组为 map，并确保各分组内数组按另一键（如 `bar`）升序排列，同时保证 map 的键按自然顺序插入——兼顾可读性、性能与 es6 最佳实践。
在实际开发中，我们常需对结构化数据进行多级归类与排序：先按主维度（如 foo）聚合成组，再对每组内部按次维度（如 bar）精细化排序。若直接使用普通对象（{}）模拟映射，不仅语义不清，还可能因历史遗留的属性枚举顺序问题导致不可靠行为；而原生 Map 天然保证插入顺序，是更健壮的选择。
以下是推荐的两阶段清晰实现（非强行压缩的一行式，兼顾可维护性与性能）：
const arr = [{'foo': 42, 'bar': 7}, {'foo': 1, 'bar': 2}, {'foo': 1, 'bar': 1}];
// 阶段一：先按 foo 升序排序，确保后续 Map 插入顺序正确
const sortedByFoo = [...arr].sort((a, b) => a.foo - b.foo);
// 阶段二：reduce 构建 Map，按 foo 分组
const groupedMap = sortedByFoo.reduce((map, item) => {
const existing = map.get(item.foo) || [];
map.set(item.foo, [...existing, item]);
return map;
}, new Map());
// 阶段三：遍历所有分组，对每个数组按 bar 升序排序
for (const [_, items] of groupedMap) {
items.sort((a, b) => a.bar - b.bar);
}
console.log(Object.fromEntries(groupedMap));
// → { 1: [{foo: 1, bar: 1}, {foo: 1, bar: 2}], 42: [{foo: 42, bar: 7}] }✅ 关键设计说明：
- 使用 [...arr] 浅拷贝避免污染原始数组；
- sort((a, b) => a.foo - b.foo) 确保 foo 键的插入顺序，使 Map 的遍历结果稳定可预测；
- Map.prototype.set() 配合 Map.prototype.get() 实现安全的数组追加逻辑，比 || [] 更符合 Map 语义；
- for...of 遍历 groupedMap 直接操作原数组引用，避免重复创建中间数组，性能优于 Array.from(map.values()).forEach(...)。
⚠️ 注意事项：
立即学习“Java免费学习笔记（深入）”；
- 若 foo 或 bar 值可能为 null、undefined 或非数字类型，请改用安全比较函数（例如 String(a.foo).localeCompare(String(b.foo))）；
- 不建议使用对象字面量 {} 替代 Map 存储分组结果——尽管 ES2015+ 规定了字符串/数字键的枚举顺序，但其规则复杂（数字键优先且按数值升序，其余按插入顺序），易引发隐晦 bug；
- 若需支持降序或自定义排序逻辑，仅需调整对应 sort() 的比较函数即可，整体结构无需变动。
该方案以清晰的步骤分离关注点（排序 → 分组 → 组内排序），既满足“简单快速”的核心诉求，又具备良好的扩展性与工程鲁棒性，适用于中大型数据处理场景。
