js递归凑树形结构

最新推荐文章于 2024-05-06 16:46:31 发布

于丸

最新推荐文章于 2024-05-06 16:46:31 发布

阅读量158

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/Ych_cxy/article/details/100185103

版权

js 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    let list = [
        {parent:null,children:1,id:1},
        {parent:null,children:2,id:2},
        {parent:1,children:3,id:3},
        {parent:1,children:null,id:4},
        {parent:2,children:null,id:5},
        {parent:2,children:null,id:6},
        {parent:3,children:null,id:7},
    ]

    let result = []
    //先把最外层的父级找到
    list.forEach(item=>{
        if(!item.parent){
            result.push(item)
        }
    })

    run(result)
    function run(x){
        x.forEach(item=>{
            if(item.children){
                item.l = []
            }
            list.forEach((ite,index)=>{
                if(item.children){
                    if(item.children === ite.parent){
                        item.l.push(ite)
                    }
                }
            })
            if(item.children){
                run(item.l)
            }
        })
    }
    console.log(result)
</script>
</body>
</html>

于丸

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js递归凑树形结构

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> //我匹配的规则是最大级4位，第二季6位，前四位为属于哪个父类，每一级加俩位 ...
复制链接

扫一扫

专栏目录