扁平数组转成 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; // 返回树形数据 }
最终的结果为我们想要的树形结构: