将对象数组转换为值合并后的对象数组

原数组 #

const array = [
  {prop1: 'teste1', prop2: 'value1', prop3: 'anotherValue1' },
  {prop1: 'teste2', prop2: 'value2', prop3: 'anotherValue2' },
  {prop1: 'teste3', prop2: 'value3', prop3: 'anotherValue3' }
];

目标格式 #

[
   {prop1:['teste1', 'teste2', 'teste3']},
   {prop2:['value1', 'value2', 'value3']},
   {prop3:['anotherValue1', 'anotherValue2', 'anotherValue3']}
]

实现方法 #

可以通过Array.reduce先聚合所有属性的值，再将聚合结果转换为目标数组格式：

const array = [
  {prop1: 'teste1', prop2: 'value1', prop3: 'anotherValue1' },
  {prop1: 'teste2', prop2: 'value2', prop3: 'anotherValue2' },
  {prop1: 'teste3', prop2: 'value3', prop3: 'anotherValue3' }
];

// 第一步：聚合所有属性对应的值
const aggregated = array.reduce((acc, obj) => {
  Object.keys(obj).forEach(key => {
    if (!acc[key]) acc[key] = [];
    acc[key].push(obj[key]);
  });
  return acc;
}, {});

// 第二步：将聚合结果转为目标数组结构
const result = Object.entries(aggregated).map(([key, values]) => ({ [key]: values }));

console.log(result);

代码说明 #

1. 聚合阶段：用reduce遍历原数组，对每个对象的属性逐一处理，把同属性的值归集到同一个数组中，形成一个以属性名为键、对应值数组为值的对象。
2. 转换阶段：通过Object.entries把聚合对象拆分为键值对数组，再用map将每个键值对转换为只包含单个属性的对象，最终得到目标格式的数组。

内容的提问来源于stack exchange，提问作者paulotarcio