js将有父子关系的数据转换成树形结构数据

最新推荐文章于 2024-08-09 14:49:13 发布

風缘

最新推荐文章于 2024-08-09 14:49:13 发布

阅读量1.5w

点赞数 5

分类专栏： javascript 文章标签： javascript 树型结构数据

本文链接：https://blog.csdn.net/liangrongliu1991/article/details/78344648

版权

本文介绍如何将接口返回的具有父子关系的数组转换为树形结构，适用于使用iview等UI库的树形组件。提供了一段实现代码，并提到该方法已在多个页面复用，可适应不同属性名的父子ID。作者欢迎分享更简便的方法以促进学习交流。

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

接口返回的数据是像allRes这样的数组：

let allRes = [
  {
    resourcesId: 4,
    resName: "删除角色",
    resParentId: 2
  },
  {
    resourcesId: 3,
    resName: "编辑角色",
    resParentId: 1
  },
  {
    resourcesId: 2,
    resName: "设置权限",
    resParentId: 1
  },
  {
    resourcesId: 5,
    resName: "添加用户",
    resParentId: 4
  },
  {
    resourcesId: 6,
    resName: "更新用户",
    resParentId: 4
  },
  {
    resourcesId: 7,
    resName: "删除用户",
    resParentId: 6
  },
  {
    resourcesId: 8,
    resName: "重置密码",
    resParentId: 3
  },
  {
    resourcesId: 9,
    resName: "添加地区",
    resParentId: 5
  },
  {
    resourcesId: 10,
    resName: "编辑地区",