[JavaScript知识库] 将扁平化数据处理为树形层级数据

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 将扁平化数据处理为树形层级数据 -> 正文阅读

[JavaScript知识库]将扁平化数据处理为树形层级数据

let dataList = [{
    name: "太老爷",
    id: "001",
    pId: null,
}, {
    name: "大爷",
    id: "002",
    pId: "001",
}, {
    name: "二大爷",
    id: "003",
    pId: "001",
}, {
    name: "大爸",
    id: "004",
    pId: "002",
}, {
    name: "二爸",
    id: "006",
    pId: "002",
}, {
    name: "老叔",
    id: "005",
    pId: "003",
}, {
    name: "二叔",
    id: "007",
    pId: "003",
}, {
    name: "三叔",
    id: "008",
    pId: "003",
}, {
    name: "张三",
    id: "009",
    pId: "006",
}]

console.log(setTreeData(dataList))

function setTreeData(list) {
    const cloneData = JSON.parse(JSON.stringify(list));
    return cloneData.filter(father => {
        //获取相同父级的子级集合
        const childrenList = cloneData.filter(child => father.id === child.pId);
        childrenList.length ? father.children = childrenList : [];
        return !father.pId;
    })
}