扁平数组转化为树状数组

  1. 创建一个map结构,添加一个空数组children
  2. 遍历list中的item,找上一级,如果有父级,就把这一项添加到父级的children中,没有的话就直接添加到属性列表treeList中
const list= [
   {id: 1},
   {parentId: 1, id:2},
   {id: 3},
   {parentId: 3, id:4},
   {parentId:4, id:5}
]

const toTreeList = list => {
  // 1. 定义两个中间变量
  const treeList = [] 
  const map = {}      
  // 2. 添加一个空数组children
  list.forEach(item => {
    if (!item.children) {
      item.children = []
    }
    map[item.id] = item
  })
  // 3. 循环处理每个元素
  list.forEach(item => {
    const parent = map[item.parentId]
    if (parent) {
      parent.children.push(item)
    } else {
      treeList.push(item)
    }
  })
  console.log(treeList)
}
toTreeList(list)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

且陶陶º

感谢大人投喂~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值