JavaScript数组数据转为树结构数据(treedata)

最新推荐文章于 2024-09-13 23:50:28 发布

vip.khan

最新推荐文章于 2024-09-13 23:50:28 发布

阅读量497

点赞数

CC 4.0 BY-SA版权

文章标签： js vue.js

本文链接：https://blog.youkuaiyun.com/vipsongtaohong/article/details/115112645

此博客介绍如何使用ArraytoTreedata函数，通过遍历JSON数组并根据parent-child关系组织数据，实现从JSON数组到树状结构的转换，适用于菜单生成或数据组织。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    ArraytoTreedata(arr,mid, pid,topPid) {

//arr：json数组，mid：当前元素id，pid：父级元素id，topPid：顶层元素id

      let menuObj = {}

      arr.forEach(item => {

          item.children = []

          item.label=item.orgName

          menuObj[item[mid]] = item

      })

      return arr.filter(item => {

          if (item[pid] !== topPid) {

              menuObj[item[pid]].children.push(item)

              return false

          }

          return true

      })

  },