参考大神：
    作者：黑刀蛇黥
    链接：https://juejin.cn/post/7082379156234698759
    来源：稀土掘金

    1. var arr = [
    2.   { id: '29', pid: '', name: '总裁办' },
    3.   { id: '2c', pid: '', name: '财务部' },
    4.   { id: '2d', pid: '2c', name: '财务核算部' },
    5.   { id: '2f', pid: '2c', name: '薪资管理部' },
    6.   { id: 'd2', pid: '', name: '技术部' },
    7.   { id: 'd3', pid: 'd2', name: 'Java研发部' },
    8.   { id: 'd4', pid: 'd3', name: 'spring研发部' },
    9. ]
    11. /* 定义封装函数   */
    12. function toDo(arr, pid = '') {
    13.   /* 得到处理之后的树形数据 */
    14.   var newArr = []
    15.   /* 1-循环数组 */
    16.   arr.forEach((item) => {
    17.     if (item.pid === pid) {
    18.       /* 3-收集不是第一层的   收集子集 */
    19.       var child = toDo(arr, item.id)
    20.       if (child.length) {
    21.         item.children = child
    22.       }
    23.       // console.log(obj, 8)
    24.       /* 2-筛选第一层 */
    25.       newArr.push(item)
    26.     }
    27.   })
    28.   return newArr
    29. }
    30. /* 调用函数 */
    31. console.dir(toDo(arr))
    34. 作者：黑刀蛇黥
    35. 链接：https://juejin.cn/post/7082379156234698759
    36. 来源：稀土掘金
    37. 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
    39. 最后的结果：
    40. var arr = [
    41.   { id: '29', pid: '', name: '总裁办' },
    42.   { id: '2c', pid: '', name: '财务部',children:[
    43.       { id: '2d', pid: '2c', name: '财务核算部' },
    44.       { id: '2f', pid: '2c', name: '薪资管理部' },
    45.       ] 
    46.   },
    47.   { id: 'd2', pid: '', name: '技术部',children:[
    48.      { id: 'd3', pid: 'd2', name: 'Java研发部' }, 
    49.   ] },
    50. ]

    参考： https://juejin.cn/post/7082379156234698759