递归后端换回的属性结构

let list = [{
        id: 1,
        pid: 0,
        name: "总公司"
    },
    {
        id: 2,
        pid: 1,
        name: "北京分公司",
    },
    {
        id: 3,
        pid: 1,
        name: "上海分公司",
    },
    {
        id: 4,
        pid: 1,
        name: "深圳分公司",
    },
    {
        id: 5,
        pid: 1,
        name: "广州分公司",
    },
    {
        id: 6,
        pid: 2,
        name: "昌平办事处",
    },
    {
        id: 7,
        pid: 2,
        name: "海定办事处",
    },
    {
        id: 8,
        pid: 4,
        name: "罗湖办事处",
    },
    {
        id: 9,
        pid: 4,
        name: "福田办事处",
    },
    {
        id: 10,
        pid: 3,
        name: "福田办事处",
    },
    {
        id: 11,
        pid: 4,
        name: "福田办事处",
    },
    {
        id: 12,
        pid: 4,
        name: "福田办事处",
    },
    {
        id: 13,
        pid: 5,
        name: "福田办事处",
    },
    {
        id: 14,
        pid: 5,
        name: "福田办事处",
    }
]

一个函数实现: 

const transListTreeData = (data, rootValue) => {
    const arr = [];
    data.forEach((item) => {
        if (item.pid === rootValue) {
            arr.push(item)
            const children = transListTreeData(data, item.id)
            children.length && (item.children = children)
        }
    });
    return arr;
}