js数组转化为树形结构

 let list = [
      { id: 2, name: '部门B', parentId: 0 },
      { id: 3, name: '部门C', parentId: 1 },
      { id: 1, name: '部门A', parentId: 2 },
      { id: 4, name: '部门D', parentId: 1 },
      { id: 5, name: '部门E', parentId: 2 },
      { id: 6, name: '部门F', parentId: 3 },
      { id: 7, name: '部门G', parentId: 2 },
      { id: 8, name: '部门H', parentId: 4 },
    ]
    function tree(data, top, parentKey, selfKey) {
      //data数据源必须为数组,top顶级id,parentKey父级id的键名,selfKey自身id
      //递归函数
      function callBack(childerID) {
        //存储所查到的子元素
        let treeArr = []
        data.forEach((item, i, arr) => {
          if (item[parentKey] === childerID) {
            /** 如果data数组中有一项中的父级id等传入的顶级id, 说明这一项是传入的子元素
             * 把他push进数组,然后重复递归自己找该项的子元素
             */
            arr[i].children = callBack(arr[i][selfKey])
            //去掉最后空的children数组
            if (arr[i].children.length == 0) {
              delete arr[i].children
            }
            treeArr.push(arr[i])
          }
        })
        return treeArr
      }
      return callBack(top)
    }
    console.log(tree(list, 0, 'parentId', 'id'))
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值