扁平化数组转化为树形结构

<script>
        let company = [
            {id:1,name:'巴黎圣日尔曼',pid:0},
            {id:2,name:'球员部',pid:1},
            {id:3,name:'研发部',pid:1},
            {id:4,name:'球员一部',pid:2},
            {id:5,name:'球员二部',pid:3},
        ]
     function toTree(arr,pid){
          const map = arr.reduce((newArr,element)=>{
            // console.log('prev',element);
            //这里是浅拷贝,会修改原数组,当后续再使用原数组会出现问题
            // prev.push(element)
            newArr[element.id] = element
            return newArr
          },[]);
          //定义返回结果数组
          let result = [];
          //遍历传入的对象
          for(let i = 0;i<arr.length;i++){
            const item = arr[i]
            //当遍历到的对象的pid等于传入的根节点id,说明为根节点,直接push到数组中
            if(item.pid === pid){
                result.push(item)
                continue
            }
            const parent = map[item.pid]
  
            if(parent){
                console.log('parent',parent);
                parent.children = parent.children || []  //短路运算符,如果左边的有结果则不再进行下边的计算,如果没有结果则采用右边的结果
                parent.children.push(item)
            }
          }
          return result
        }
      
        console.log(toTree(company,0));
    </script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值