let depts=[{id:1,name:“集团“,pid:null},{id:2,name:‘子公司‘,pid:1},{id:3,name:‘财务部门‘,pid:2}数据采用递归函数解构出树状图

最新推荐文章于 2024-10-31 14:51:07 发布

Weiyatong

最新推荐文章于 2024-10-31 14:51:07 发布

阅读量63

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Weiyatong/article/details/129633685

版权

该代码实现了一个深度遍历函数`deep`，用于处理`letdepts`数组，构建一个基于父级ID的部门层级结构。函数通过递归遍历数据，将具有相同父ID的子项添加到对应父项的`children`属性中，最终形成一棵树形结构并返回根节点。

摘要由CSDN通过智能技术生成

  let  depts=[{id:1,name:"集团",pid:null},{id:2,name:'子公司',pid:1},{id:3,name:'财务部门',pid:2
    }]
         function deep(data,pid){
            let array=[]
               data.forEach(item=>{
                if(item.pid==pid){
                    array.push(item)
                    item.children=deep(data,item.id)
                }
               })
               return array
         }


let one=deep(depts,null)
console.log(one);