✨递归查询数据

最新推荐文章于 2024-09-04 07:30:00 发布

小朋友120

最新推荐文章于 2024-09-04 07:30:00 发布

阅读量285

点赞数 2

分类专栏：笔记 javascript react 文章标签： javascript

本文链接：https://blog.csdn.net/eternalyii/article/details/120738379

版权

笔记同时被 3 个专栏收录

38 篇文章 0 订阅

订阅专栏

javascript

28 篇文章 0 订阅

订阅专栏

react

15 篇文章 0 订阅

订阅专栏

递归查找数据，

给出指定的id 或者… 在树结构数据中找出你想要的数据
以下模拟的是一个后端返回的树结构数据（做参考）

const data = {
        "data": [
            {
                "children": [
                    {
                        "children": [
                            {
                                "id": 5,
                                "name": "子节点11",
                                "pId": 3,
                                "type": "1"
                            }
                        ],
                        "id": 3,
                        "name": "子节点1",
                        "pId": 1,
                        "type": "1"
                    }
                ],
                "id": 1,
                "name": "根节点1",
                "pId": 0,
                "type": "1"
            },
            {
                "children": [
                    {
                        "children": [],
                        "id": 4,
                        "name": "子节点2",
                        "pId": 2,
                        "type": "1"
                    }
                ],
                "id": 2,
                "name": "根节点2",
                "pId": 0,
                "type": "1"
            }
        ],
        "errorMsg": "",
        "requestId": "",
        "success": true
    }

上代码：

const getTreeName = (list: string | any[], ids: number) => {
    for (let i = 0; i < list.length; i++) {
        if (list[i].id === ids) return list[i].name;
        // 循环遍历判断 有没有下一级 children
        if (list[i]?.children && list[i]?.children.length > 0) {
            // 如果有，则传入 children 和指定ids 然后递归调用 getTreeName()
            const res: any = getTreeName(list[i]?.children, ids);
            if (res) return res;
        }
    }
};