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

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

原创最新推荐文章于 2024-09-13 23:50:28 发布 · 505 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #vue.js

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

    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

      })

  },