当变量指向一个对象的时候，实际指向的是存储地址，测试：

    a = {val: 123}
    b = a
    b.val = 321
    console.log(a)
    // 结果：{val: 321}

数组转树的方式：

    arr = [
        {id: 1, name: '节点1', pid: 0},
        {id: 2, name: '节点2', pid: 1},
        {id: 3, name: '节点3', pid: 1},
        {id: 4, name: '节点4', pid: 2},
        {id: 5, name: '节点5', pid: 1},
        {id: 6, name: '节点6', pid: 3},
        {id: 7, name: '节点7', pid: 4},
        {id: 8, name: '节点8', pid: 2}
    ];
    function node(d){
        return {
            name: d.name,
            id: d.id,
            pid: d.pid,
            children: []
        }
    }
    function tree(arr){
        var narr = {};
        for (var i in arr) { // 将id作为键值方便二次遍历做索引
            narr[arr[i].id] = node(arr[i]);
        }
        for (var j in narr) {
            if(typeof narr[narr[j].pid] != 'undefined'){
                narr[narr[j].pid].children.push(narr[j])
            }
        }
        return narr[1]  // id为1的是根节点
    }
    console.log(tree(arr))

这样只要遍历俩次
第一次遍历将数组转节点对象，存储到新的对象里，id为键值方便索引
第二次遍历根据索引插入子节点

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！

链接: https://fly63.com/article/detial/2607