最近在实际业务中,需要编写一个方法根据数组中每一个对象的一个相同字段,来将该字段值相等的对象重新编入一个数组,返回一个嵌套的数组对象,特地来做个总结。
当然需要注意的是,在开发过程这种数组的处理函数,应当被编写到项目的公共工具函数库中全局调用
let dataArr = [{ id: 1, anyId: 1023, anyVal: 'fx67ll', value: 'value-1' }, { id: 2, anyId: 1024, anyVal: 'fx67ll', value: 'value-2' }, { id: 3, anyId: 10086, anyVal: 'll', value: 'value-3' }, { id: 1, anyId: 10086, anyVal: 'fx67', value: 'value-4' }, { id: 2, anyId: 1024, anyVal: 'll', value: 'value-5' }, ];
[{ "key": 1, "data": [{ "id": 1, "anyId": 1023, "anyVal": "fx67ll", "value": "value-1" }, { "id": 1, "anyId": 10086, "anyVal": "fx67", "value": "value-4" }] }, { "key": 2, "data": [{ "id": 2, "anyId": 1024, "anyVal": "fx67ll", "value": "value-2" }, { "id": 2, "anyId": 1024, "anyVal": "ll", "value": "value-5" }] }, { "key": 3, "data": [{ "id": 3, "anyId": 10086, "anyVal": "ll", "value": "value-3" }] }]
// arr 目标对象数组 // filed 分组字段 function classifyArrayGroupBySameFieldAlpha(arr, filed) { let temObj = {} for (let i = 0; i < arr.length; i++) { let item = arr[i] if (!temObj[item[filed]]) { temObj[item[filed]] = [item] } else { temObj[item[filed]].push(item) } } let resArr = [] Object.keys(temObj).forEach(key => { resArr.push({ key: key, data: temObj[key], }) }) return resArr }
// arr 目标对象数组 // filed 分组字段 function classifyArrayGroupBySameFieldVBeta(arr, filed) { let temObj = {}; let resArr = []; for (let i = 0; i < arr.length; i++) { if (!temObj[arr[i][filed]]) { resArr.push({ key: arr[i][filed], data: [arr[i]] }); temObj[arr[i][filed]] = arr[i] } else { for (let j = 0; j < resArr.length; j++) { if (arr[i][filed] === resArr[j].key) { resArr[j].data.push(arr[i]); break } } } } return resArr }
Object.keys
Object.keys()
方法用于返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致