js树形转平面

最新推荐文章于 2024-06-03 09:20:03 发布

减肥到70公斤，戒烟戒酒戒色减肥中

最新推荐文章于 2024-06-03 09:20:03 发布

阅读量57

点赞数

文章标签： javascript 前端面试

本文链接：https://blog.csdn.net/weixin_47821983/article/details/130992611

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function plan(data,pid=0,res=[]){
            data.forEach(item=>{
                res.push({id:item.id,name:item.name,pid:item.pid});
                if(item.children && item.children.length!==0){
                    plan(item.children,item.id,res);
                };
            });

            return res;
        }

        const arr=[{"id":"j1","name":"军长","pid":0,"children":[{"id":"j2","name":"师长","pid":"j1","children":[{"id":"j3","name":"旅长","pid":"j2","children":[{"id":"j4","name":"团长","pid":"j3","children":[{"id":"j5","name":"营长","pid":"j4","children":[{"id":"j6","name":"连长","pid":"j5","children":[{"id":"j7","name":"班长","pid":"j6"}]}]}]}]}]},{"id":"j2","name":"代理师长","pid":"j1","children":[{"id":"j3","name":"旅长","pid":"j2","children":[{"id":"j4","name":"团长","pid":"j3","children":[{"id":"j5","name":"营长","pid":"j4","children":[{"id":"j6","name":"连长","pid":"j5","children":[{"id":"j7","name":"班长","pid":"j6"}]}]}]}]}]}]},{"id":"s1","name":"四级士官","pid":0,"children":[{"id":"s2","name":"三级士官","pid":"s1","children":[{"id":"s3","name":"二级士官","pid":"s2","children":[{"id":"s4","name":"一级士官","pid":"s3"}]}]}]}]

        const plans=plan(arr);

        console.log(plans,9966)
    </script>
</head>
<body>
    
</body>
</html>