将从后台获取到的数据转换成树形结构数据

最新推荐文章于 2024-02-18 13:54:00 发布

原创最新推荐文章于 2024-02-18 13:54:00 发布 · 437 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #前端 #javascript

该博客介绍了如何将带有id和pid的数据转换为树形结构，通过递归遍历数据，查找每个对象的子节点并将其添加到父节点的children属性中，从而创建一个多层级的树形数据结构。

将从后台获取到的数据转换成树形结构数据

描述：获取到的数据中有id 和pid pid的值是父级的id的值，子需要放到父亲的children属性中，可以有无数个子，无数层级

所以用到迭代

export const treeData = (data, pid) => {
  let list = []
  data.forEach((obj) => {
    if (obj.pid === pid) {
      let children = treeData(data, obj.id)
      if (children.length) {
        obj.children = children
      }
      list.push(obj)
    }
  })
  return list
}