java 后端/前端数据分组

最新推荐文章于 2025-02-05 17:45:00 发布

HLucas

最新推荐文章于 2025-02-05 17:45:00 发布

阅读量856

点赞数

CC 4.0 BY-SA版权

分类专栏： Java 文章标签： javascript java

本文链接：https://blog.youkuaiyun.com/qq_38912494/article/details/105266345

Java 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种在数据处理中常见的需求——数据分组的方法。通过示例，展示了如何使用Java8和ES6进行数据分组，包括后台处理和前端处理的具体实现。后台处理利用Java8的Stream API和Collectors工具类，前端处理则使用了ES6的forEach和Object.keys方法。

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

很多情况下，从接口中查询出来的数据会比较的乱，比如一个年级有很多个班，每个班有很多学生，但是查询返回的是这年纪的所有学生，这种情况下，想要把数据分组（按班级显示：手风琴模式），处理方式有多种，比如说：

一、后台处理：（最近在用java8，所以会用到java8的一些特性）

@Override
public List<Map<String, Object>> getTwo(MateriaInventorySelectVO selectVO) {
    List<Map<String, Object>> list = new ArrayList<>(); // 接收一级数据
    selectVO.setTenantId(UserHelper.getTenantId());
    List<ZMBomDetailVO> datas = materiaInventoryMapper.getStairHouseList(selectVO);

    Map<String, List<ZMBomDetailVO>> list1 = datas.stream().collect(Collectors.groupingBy(item -> {
        return item.getLevel2() + "@" + item.getLevel2Name();
    }));

    list1.forEach((key, slist) -> {
        String[] keys = key.split("@");
        Map data = new HashMap();
        data.put("levelId", keys[0]);
        data.put("levelName", keys[1]);
        list.add(data);
    });

    return list;
}

二、前端处理（es6）

groupBy(array, fn) {

let groups = {}

array.forEach(o => {

let group = JSON.stringify(fn(o))

groups[group] = groups[group] || []

groups[group].push(o)

})

return Object.keys(groups).map(group => groups[group])

this.groupBy(res.data.rows, item => item.projectName)