对象数组根据某指定属性分组

一车鸡蛋

已于 2023-02-14 15:10:01 修改

阅读量956

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript ecmascript 前端 react.js

于 2023-02-14 14:59:54 首次发布

本文链接：https://blog.youkuaiyun.com/Realizee/article/details/128984955

文章展示了如何使用JavaScript编写一个名为`groupBy`的函数，该函数接收一个数据列表和一个键名作为参数，根据指定的键对数据进行分组。在给定的例子中，数据列表`ListData`根据`type`字段被分成两组，返回的结果是一个包含两个数组的数组，分别对应`sh1`和`sh2`类型的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、需要进行分组的数据,根据 type 进行分组

let ListData = 
[{ type: sh1, name: 'table1', EsGrade: 1, OrderDt: '2019-12-01' },
 { type: sh2, name: 'table1', EsGrade: 5, OrderDt: '2019-12-03' },
 { type: sh1, name: 'table2', EsGrade: 4, OrderDt: '2019-12-02' },
 { type: sh2, name: 'table2', EsGrade: 7, OrderDt: '2019-12-04' }];

2. 分组函数，返回最后对象的value，则返回值是个数组

const groupBy=(list:any, type:string)=>{
    const groups={};
    const LastList:any[]=[];
    list.forEach(element:any)=>{
        const group=element[type];
        groups[group]= groups[group]||[];
        groups[group].push(element);
    }
    return Object.values(groups);
}

3. 根据 type分组，执行分组函数

groupBy(ListData,'type');

函数的输出结果为

调用函数的返回值如下：

// [array(2),array(2)]

// 0:[{type: sh1, name: 'table1', EsGrade: 1, OrderDt: '2019-12-01'},{ type: 1, name: 'table2', EsGrade: 4, OrderDt: '2019-12-02'}]
// 1:[{type: 2, name: 'table1', EsGrade: 5, OrderDt: '2019-12-03'},{ type: 2, name: 'table2', EsGrade: 7, OrderDt: '2019-12-04'}]
// ]


 groups这个对象的值是   

// {sh1:array(2),sh2:array(2)}

// {sh1:[{type: sh1, name: 'table1', EsGrade: 1, OrderDt: '2019-12-01'},{ type: 1, name: 'table2', EsGrade: 4, OrderDt: '2019-12-02'}]
// sh2:[{type: sh2, name: 'table1', EsGrade: 5, OrderDt: '2019-12-03'},{ type: 2, name: 'table2', EsGrade: 7, OrderDt: '2019-12-04'}]
// }