在 JavaScript 中合并对象数组

假设我们有一个对象数组，其中包含一些学生的数据，如下所示 −

const arr = [{
   name: 'A',
   idNo: 1,
   marks: {
      math: 98,
      sci: 97,
      eng: 89
   }
},
{
   name: 'B',
   idNo: 2,
   marks: {
      math: 88,
      sci: 87,
      eng: 79
   }
},
{
   name: 'C',
   idNo: 3,
   marks: {
      math: 87,
      sci: 98,
      eng: 91
   }
}];

我们需要编写一个 JavaScript 函数来接收一个这样的数组。

然后，我们的函数应该准备一个属性对象，每个对象 id 对应一个属性。

因此，对于上述数组，输出应如下所示 −

const output = {
   name: [A, B, C],
   idNo: [1, 2, 3],
   marks: [{
      math: 98,
      sci: 97,
      eng: 89
   },
   {
      math: 88,
      sci: 87,
      eng: 79
   },
   {
      math: 87,
      sci: 98,
      eng: 91
   }]
};

示例

其代码为 −

const arr = [{
   name: 'A',
   idNo: 1,
   marks: {
      math: 98,
      sci: 97,
      eng: 89
   }
},
{
   name: 'B',
   idNo: 2,
   marks: {
      math: 88,
      sci: 87,
      eng: 79
   }
},
{
   name: 'C',
   idNo: 3,
   marks: {
      math: 87,
      sci: 98,
      eng: 91
   }
}];
const combineMarks = (arr = []) => {
   let res = [];
   res = arr.reduce((acc, val) => {
      Object.keys(val).forEach(el => {
         if (!acc[el]) {
            acc[el] = [];
         };
         acc[el].push(val[el])
      });
      return acc;
   }, {});
   return res;
};
console.log(combineMarks(arr));

输出

控制台中的输出将是 −

{
   name: [ 'A', 'B', 'C' ],
   idNo: [ 1, 2, 3 ],
   marks: [
      { math: 98, sci: 97, eng: 89 },
      { math: 88, sci: 87, eng: 79 },
      { math: 87, sci: 98, eng: 91 }
   ]
}

相关文章

• 用数组包装字符串类型的对象属性 - JavaScript
• 如何将数组内的特定元素合并在一起 - JavaScript
• 从 2 位年份日期值中获取正确的世纪 - JavaScript?
• 类中函数前的"get"关键字是什么 - JavaScript?
• 接受两个二维数字数组并返回它们的矩阵乘法结果 - JavaScript
• 根据所有指定的分隔符返回字符串的拆分数组 - JavaScript
• 在 JavaScript 中获取一个数组并查找出现奇数次的元素
• 在 JavaScript 中替换由特定字符包围的多个文本实例?
• 让 JavaScript 从用户那里获取 HTML 输入，解析并显示?
• 将对象的所有键转换为小写的最有效方法是什么 - JavaScript?

有用资源

• javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.cainiaomax.com/javascript/