数组对象，根据对象多个属性值，或单个判断，重组数组

最新推荐文章于 2022-09-06 13:07:17 发布

夲木^_^

最新推荐文章于 2022-09-06 13:07:17 发布

阅读量342

点赞数

分类专栏： jS vue 文章标签： javascript html5

本文链接：https://blog.csdn.net/qq_45950523/article/details/113697250

版权

vue 同时被 2 个专栏收录

49 篇文章 1 订阅

订阅专栏

47 篇文章 0 订阅

订阅专栏

本文介绍了一种针对数组对象的重组方法，通过合并具有相同属性值的对象，并演示了如何处理多属性判断场景。首先展示了单属性判断的reduceList函数，随后提出将多个属性拼接成新属性以简化判断。以车辆服务数据为例，展示了如何创建新的KEY属性并重组数组。

摘要由CSDN通过智能技术生成

首先提供重组方法
// let a = [{id: 1}, {id: 3}, {id: 2}, {id: 3}, {id: 1}]; // [[{id: 1}, {id: 1}], [{id: 2}], [{id: 3}, {id: 3}]]
export function reduceList(val, src) { // 通过某个属性值相同判断—重组数组对象
let b = val.reduce((r, x) => ((r[x[src]] || (r[x[src]] = [])).push(x), r), {});
let c = Object.keys(b).map(x => b[x]);
return c;
}

如果多个属性判断，此方法只有一个入参。换个思路，可以把多以属性值拼接为一个属性来判断
list =[{servmileage:‘2’,servtime :‘5’,servitemcode:‘sx2222’},{servmileage:‘2’,servtime :‘5’,servitemcode:‘sx2332’},{servmileage:‘2’,servtime :‘6’,servitemcode:‘sx2222’},{servmileage:‘2’,servtime :‘5’,servitemcode:‘sx2332’},{servmileage:‘2’,servtime :‘5’,servitemcode:‘sx2222’},]
let newdata = []
for (let k in list) {
newdata.push({
…list[k],
KEY: list[k].servmileage + list[k].servtime + list[k].servitemcode,
}); }// 重组判断条件。使用项目名，服务次数，服务公里数拼接校验
newArr = reduceList(newdata,‘KEY’); // 重组数组对象