根据code合并数组，并将sl值累加

最新推荐文章于 2023-02-09 11:56:02 发布

淋雪小新

最新推荐文章于 2023-02-09 11:56:02 发布

阅读量208

点赞数

分类专栏： vue 前端文章标签： javascript

本文链接：https://blog.csdn.net/zxl_start/article/details/125736811

版权

前端同时被 2 个专栏收录

59 篇文章 2 订阅

订阅专栏

vue

57 篇文章 0 订阅

订阅专栏

根据code合并数组，并将sl值累加，如下两种方法：


let data = [{ code: 1001, name: '苹果', sl: 11 },

{ code: 1001, name: '苹果', sl: 11 },

{ code: 1001, name: '苹果', sl: 11 },

{ code: 1001, name: '苹果', sl: 11 },

{ code: 1002, name: '西瓜', sl: 11 },

{ code: 1002, name: '西瓜', sl: 15 },

{ code: 1003, name: '梨', sl: 15 },

{ code: 1003, name: '梨', sl: 15 }]

第一种：根据对象key的唯一性，累加sl值

let item = {}
for (let i = 0; i < data.length; i++) {
 　item[data[i].code] = ~~item[data[i].code] + data[i].sl
}
console.log(item)

// 结果： {1001: 44, 1002: 26, 1003: 30}

第二种：根据reduce遍历累加，得到数组


let newArray = data.reduce((total, cur, index) => {
　　let hasValue = total.findIndex(current => { return current.code === cur.code})
　　hasValue === -1 && total.push(cur)
　　hasValue !== -1 && (total[hasValue].sl = total[hasValue].sl + cur.sl)
　　return total
}, [])
console.log(newArray)