前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >扁平数组转化为树状数组

扁平数组转化为树状数组

作者头像
且陶陶
发布2023-04-12 15:51:44
3430
发布2023-04-12 15:51:44
举报
文章被收录于专栏:Triciaの小世界
  1. 创建一个map结构,添加一个空数组children
  2. 遍历list中的item,找上一级,如果有父级,就把这一项添加到父级的children中,没有的话就直接添加到属性列表treeList中
代码语言:javascript
复制
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)
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-03-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档