如何将数组数据转化成树形结构（小案例演示）

最新推荐文章于 2024-09-01 09:27:39 发布

离奇6厘米

最新推荐文章于 2024-09-01 09:27:39 发布

阅读量3k

点赞数 2

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/Vest_er/article/details/127709281

版权

当我们从后端拿到一个列表型数据，我们需要将其转化为树形结构，该如何做呢？
核心：递归算法

一、实现思路

1、思路

将列表型的数据转化成树形数据 => 递归算法 => 自身调用自身 => 条件一定不能相同，否则就会死循环

2、注意点

遍历树形有一个重点要先找到树根（数据顶端）

3、逻辑图

在这里插入图片描述

2、小案例

1、实现效果

在这里插入图片描述

2、原始数据

[
    {
   
        "id": "604e21feb205b95968e13129",
        "pid": "",
        "name": "总裁办",
        "code": "1001",
        "manager": "管理员",
        "introduce": "公司战略部",
        "createTime": "2021-03-14 22:47:25"
    },
    {
   
        "id": "604e222bb205b95968e1312a",
        "pid": "",
        "name": "行政部",
        "code": "XZB",
        "manager": "管理员",
        "introduce": "行政部",
        "createTime": "2021-03-14 22:47:25"
    },
    {
   
        "id": "604e223fb205b95968e1312b",
        "pid": "",
        "name": "人事部",
        "code": "RSB",
        "manager": "管理员",
        "introduce": "人事部",
        "createTime": "2021-03-14 22:47:25"
    },
    {
   
        "id":