js中使用reduce将一个数组，根据元素的某个属性进行合并 javascript前端

存在数组如下

let arr = [ { id: 1, num: 2, }, { id: 2, num: 3, }, { id: 3, num: 4, }, { id: 1, num: 3, }, ];

//现在需要将id相同的进行合并，并且累计num
实现方案如下

let newArr = arr.reduce((prev, cur) => { //prev是新数组，cur是当前元素 let ids = prev.map((item) => { return item.id; }); if (ids.includes(cur.id)) { prev = prev.map((item) => { if (item.id == cur.id) { item.num += cur.num; } return item; }); } else { prev.push(cur); } return prev; }, []); console.log(newArr);

【js中使用reduce将一个数组，根据元素的某个属性进行合并】之后就发现，id相同的合并累加了。
注意点：此方法在vue中，一般使用场景会在watch中，切记，在累加数量的时候要深拷贝赋值，否则会陷入无限循环！！！