js 数组的拉伸和重组树结构

   // 平铺数据转成树结构
  const toTree = (records, pid = 'parentId') => {
    const map = {},result = []
    records.forEach(item =>map[item.id] = item);
    records.forEach(item => {
      // 需要根据实际情况修改下面的条件 ,我这里后端返回的第一层是parentId为-1
      if (item[pid] !== '-1') {
        let parent = map[item[pid]];
        (parent.children || (parent.children = [])).push(item);
      } else {
        result.push(item);
      }
    });
    return result;
  }
  // 树结构转成平铺数据
  const stretch = (treeArr, child = "childrens") => {
    const arr1 = [...treeArr],arr2 = []
    while (arr1.length) {
      const deleteObj = arr1.shift()
      arr2.push(deleteObj)
      if (deleteObj[child]?.length) {
        arr1.push(...deleteObj[child].map(v => {
          v.parentId = deleteObj.id
          return v
        }))
      }
    }
    return arr2
  }
  // 递归将树形数据转平铺数据
  const stretchRecursion = (treeArr, child = "childrens") => {
    const result = []
    const _deep = (arr) => {
      arr.forEach(item => {
        result.push(item)
        if (Array.isArray(item[child]) && item[child].length) {
          _deep(item[child])
        }
      })
    }
    _deep(treeArr)
    return result
  }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值