如何在 JavaScript 中合并数组中的一个字段并减少数组大小
javascriptweb developmentobject oriented programming更新于 2025/9/30 3:56:17
考虑一下，我们有以下对象数组 −
const arr = [{
id: 121,
hobby: 'cycling'
}, {
id: 125,
hobby: 'jogging'
}, {
id: 129,
hobby: 'reading'
}, {
id: 121,
hobby: 'writing'
}, {
id: 121,
hobby: 'playing football'
}, {
id: 125,
hobby: 'cooking'
}, {
id: 129,
hobby: 'horse riding'
}];
假设，我们必须编写一个函数，该函数接收这样一个数组并根据公共 id 属性对其进行合并，对于 hobby 属性，我们为其分配一个数组并将所有特定 id 的 hobbie 放入其中。
我们将使用 Array.prototype.reduce() 方法迭代数组并同时合并具有相同索引的条目。
执行此操作的代码将是 −
示例
const arr = [{
id: 121,
hobby: 'cycling'
}, {
id: 125,
hobby: 'jogging'
}, {
id: 129,
hobby: 'reading'
}, {
id: 121,
hobby: 'writing'
}, {
id: 121,
hobby: 'playing football'
}, {
id: 125,
hobby: 'cooking'
}, {
id: 129,
hobby: 'horse riding'
}];
const mergeArray = (arr) => {
return arr.reduce((acc, val) => {
const ind = acc.findIndex(item => item.id === val.id);
if(ind !== -1){
acc[ind].hobby.push(val.hobby);
}else{
acc.push({
id: val.id,hobby: [val.hobby]
});
};
return acc;
}, []);
};
console.log(mergeArray(arr));
输出
控制台中的输出将是 −
[
{ id: 121, hobby: [ 'cycling', 'writing', 'playing football' ] },
{ id: 125, hobby: [ 'jogging', 'cooking' ] },
{ id: 129, hobby: [ 'reading', 'horse riding' ] }
]
相关文章
有用资源
javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.cainiaomax.com/javascript/
