遍历树所有节点，根据条件判断，返回对应数据，用于页面数据过滤，将ID转化为对应的值

最新推荐文章于 2025-04-19 23:38:35 发布

红尘重逢

最新推荐文章于 2025-04-19 23:38:35 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：学习笔记

本文链接：https://blog.youkuaiyun.com/qq_34312235/article/details/96862493

学习笔记专栏收录该内容

19 篇文章

订阅专栏

该博客介绍如何在树形数据结构中遍历节点，根据ID查找并返回相应的label值，此方法应用于页面数据过滤，实现从ID到label的转换。

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

在树（Tree）里，根据ID找到对应的label值，用于页面过滤。

<script>
 var data =  [{
        id:1,
        label: '一级 1',
        children: [{
            id:4,
            label: '二级 1-1',
            children: [{
                id:9,
                label: '三级 1-1-1',
                children:[]
            }]
        }]
    }, {
        id:2,
        label: '一级 2',
        children: [{
            id:5,
            label: '二级 2-1',
            children: [{
                id:10,
                label: '三级 2-1-1',
                children:[]
            }]
        }, {
            id:6,
            label: '二级 2-2',
            children: [{
                id:11,
                label: '三级 2-2-1',
                children:[]
            }]
        }]
    }, {
        id:3,
        label: '一级 3',
        children: [{
            id:7,
            label: '二级 3-1',
            children: [{
                id:12,
                label: '三级 3-1-1',
                children:[]
            }]
        }, {
            id:8,
            label: '二级 3-2',
            children: [{
                id:13,
                label: '三级 3-2-1',
                children:[]
            }]
        }]
    }];

 function searchTree(data,id) {
        var i;
        // 首先循环所有父节点，根据判断条件返回对应数据
        for(i=0;i<data.length;i++){
            if(data[i].id == id){
                return data[i];
            }
        }

        var childRes = [];
        // 再回调，循环遍历所有子节点
        for(i=0;i<data.length;i++){
            childRes[i] = searchTree(data[i].children,id);
            if(childRes[i] != 0){
                return childRes[i];
            }
        }

        return 0;
    }

    (function () {
        var get = searchTree(data,12);
        console.log(get.label);
    })();
</script>