在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 }
]
}