前端获取后端的数组对象处理（去重，排序，转为树状结构）

最新推荐文章于 2024-07-16 15:16:34 发布

醉卧沙场君莫笑丶

最新推荐文章于 2024-07-16 15:16:34 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/qq_43493141/article/details/97330985

版权

这篇博客介绍了如何在前端处理来自后端接口的数组对象，包括使用元素ID进行去重，对数据进行排序，并将扁平数据转换成树状结构，以优化数据展示。

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

后端接口数据处理，对数组对象进行去重（通过元素id去重），排序，转为树状结构

下面为后端转过来的一个扁平数据

var data = [
      {
        id: '1',
        staffName: '陈三三',
        trueProRank: { id: "11", description: "交警", codeIndex: 11, category: "警务人员", categoryIndex: 1 }
      },
      {
        id: '2',
        staffName: '张三三',
        trueProRank: { id: "22", description: "公安", codeIndex: 22, category: "警务人员", categoryIndex: 1 }
      },
      {
        id: '2',
        staffName: '李三三',
        trueProRank: { id: "33", description: "特警", codeIndex: 33, category: "警务人员", categoryIndex: 1 }
      },
      {
        id: '4',
        staffName: '王三三',
        trueProRank: { id: "33", description: "民警", codeIndex: 33, category: "警务人员", categoryIndex: 1 }
      },
      {
        id: '5',