本文介绍一种简洁、可扩展的方法，将多个同结构键名的对象（如品牌为键的成本、库存、型号等）一键合并为统一格式的对象数组，避免嵌套循环，支持任意数量源对象。
本文介绍一种简洁、可扩展的方法，将多个同结构键名的对象（如品牌为键的成本、库存、型号等）一键合并为统一格式的对象数组，避免嵌套循环，支持任意数量源对象。
在实际开发中，我们常遇到将多个“横向分片”的对象（即每个对象以相同键名表示不同维度的属性，如 Honda 对应成本、库存、型号）整合为一个“纵向聚合”的数组——每个元素是一个完整实体对象。传统做法如 map + forEach + for 多层遍历不仅冗长，且难以维护、无法优雅扩展至三者及以上对象。
更优解是利用 Object.entries() + reduce() + 空值合并操作符（??=） 构建中间映射对象，再通过 Object.values() 提取结果。其核心思想是：
✅ 以公共键（如 "Honda"）为唯一标识，动态构建品牌维度的聚合对象；
✅ 每个源对象的变量名自动转为目标字段名（如 cost → cost: 24000）；
✅ 使用 a[d] ??= { brand: d } 确保首次访问时初始化，后续直接赋值，避免重复创建。
以下是完整、可复用的实现：
const costsObj = { Honda: 24000, BMW: 55000, Toyota: 22000 };
const stockObj = { Honda: 5, BMW: 1, Toyota: 2 };
const modelObj = { Honda: 'Accord', BMW: '3 series', Toyota: 'Camry' };
// 一行式合并（推荐）
const carsArr = Object.values(
Object.entries({ costs: costsObj, stock: stockObj, model: modelObj })
.reduce((acc, [key, obj]) => {
Object.entries(obj).forEach(([brand, value]) => {
acc[brand] ??= { brand };
acc[brand][key] = value;
});
return acc;
}, {})
);
console.log(carsArr);
// [
// { brand: "Honda", costs: 24000, stock: 5, model: "Accord" },
// { brand: "BMW", costs: 55000, stock: 1, model: "3 series" },
// { brand: "Toyota", costs: 22000, stock: 2, model: "Camry" }
// ]
? 关键优势说明：
-
可扩展性强：只需向
{ ... }中新增键值对（如{ costs, stock, model, year, color }），逻辑自动适配； -
健壮性高：
??=确保品牌首次出现时初始化，无需预判键是否存在； - 语义清晰：源对象变量名即为最终字段名，降低认知负荷；
- 无副作用：全程函数式，不修改原始对象。
⚠️ 注意事项：
- 所有源对象必须拥有完全一致的键集合（如都含
"Honda"、"BMW"），否则缺失键对应的品牌将缺少该字段（可配合?.或默认值处理）； - 若需严格校验键一致性，可在
reduce前添加const allKeys = new Set([...Object.keys(costsObj), ...Object.keys(stockObj)]);进行断言； - 字段名若含特殊字符或需自定义（如
costs→cost），可用解构重命名：{ costs: costsObj as cost, stock: stockObj as stock }（TypeScript）或手动映射。
综上，该方案以声明式、低耦合的方式解决了多对象横向聚合问题，兼顾简洁性、可读性与工程可维护性，是处理此类数据融合场景的现代 JavaScript 实践范例。
