1.目标:数组转化成树(将扁平的数据转化成树形数据)
2.测试数据
const data = [
{id:"01", name: "张大大", pid:"", job: "项目经理"},
{id:"02", name: "小亮", pid:"01", job: "产品leader"},
{id:"07", name: "小丽", pid:"02", job: "产品经理"},
{id:"08", name: "大光", pid:"02", job: "产品经理"},
{id:"03", name: "小美", pid:"01", job: "UIleader"},
{id:"09", name: "小高", pid:"03", job: "UI设计师"},
{id:"04", name: "老马", pid:"01", job: "技术leader"},
{id:"05", name: "老王", pid:"01", job: "测试leader"},
{id:"06", name: "老李", pid:"01", job: "运维leader"},
{id:"10", name: "小刘", pid:"04", job: "前端工程师"},
{id:"11", name: "小华", pid:"04", job: "后端工程师"},
{id:"12", name: "小李", pid:"04", job: "后端工程师"},
{id:"13", name: "小赵", pid:"05", job: "测试工程师"},
{id:"14", name: "小强", pid:"05", job: "测试工程师"},
{id:"15", name: "小涛", pid:"06", job: "运维工程师"}
]
3.方法
function transTree (list) {
const treeData = []
list.forEach(item => {
if (!item.pid) {
treeData.push(item)
}
const children = list.filter(data => data.pid === item.id)
if (!children.length) return
item.children = children
})
return treeData
}
const tree = transTree(data)
console.log(tree)
function transTree (list, rootValue) {
const treeData = []
list.forEach(item => {
if (item.pid === rootValue) {
const children = transTree(list, item.id)
if (children.length) {
item.children = children
}
treeData.push(item)
}
})
return treeData
}
const treeData = transTree(data, '')
console.log(treeData)