扁平数组转成 tree 结构数据

以前数据结构都是后端负责组装提供,泰康这边因为是用的IBM的,他们这边提供的树形结构数据是扁平的,所以就自己转成想要的树形结构数据

后台给的数据大致是这样,PANNT是其对应的父元素id

const data = [
      { FLAG: "", HR_CJ: "01", PANNT: "00001000", ROOTID: "00001001" },
      { FLAG: "", HR_CJ: "02", PANNT: "00001001", ROOTID: "00001002" },
      { FLAG: "", HR_CJ: "03", PANNT: "00001002", ROOTID: "00001003" },
      { FLAG: "", HR_CJ: "04", PANNT: "00001003", ROOTID: "00001004" }
    ]

封装转换数据的方法如下:

createTreeData({
      list = [],
      id = "id",
      parentId = "parent_Id",
      rooId = 0
    }) {
      const tree = list.filter(father => {
        // 循环所有项
        const fatherCopy = father;
        const branchArr = list.filter(
          child => fatherCopy[id] === child[parentId]
        ); // 返回每一项的子级数组
        if (branchArr.length > 0) {
          fatherCopy.children = branchArr; // 如果存在子级,则给父级添加一个children属性,并赋值
        }
        return fatherCopy[parentId] === rooId; // 返回第一层
      });
      return tree; // 返回树形数据
    }

最终的结果为我们想要的树形结构:

 

posted @ 2019-06-06 10:42  小小的忧愁  阅读(2245)  评论(0编辑  收藏  举报