針對性的遍歷tree數據，獲取所需要的內容（獲取id數組、id對應的層級數組、來獲取當前的對象）

目的：針對性的遍歷tree數據，獲取所需要的內容

/**
* 功能：級聯選擇器，后台一般只返回最后一級的id和整個樹結構，前台頁面回顯內容時，需要根據最后一級的id，遍歷樹結構得到相應的id數組
* 函數名：getTreeDeepArr
* 參數：value--是比較值；treeData--完整的樹表；key--value對應的屬性名
*/
function baseGetTreeDeepArr(value, treeData, key) {
  let arr = [] // 在遞歸時操作的數組
  let returnArr = [] // 存放結果的數組
  let depth = 0 // 定義全局層級
  // 定義遞歸函數
  function childrenEach(childrenData, depthN) {
    for (var j = 0; j < childrenData.length; j++) {
      depth = depthN // 將執行的層級賦值 到 全局層級
      arr[depthN] = (childrenData[j][key])

      if (childrenData[j][key] == value) {
        // returnArr = arr; // 原寫法不行, 因 此賦值存在指針關系
        returnArr = arr.slice(0, depthN + 1) // 將目前匹配的數組，截斷並保存到結果數組，
        break
      } else {
        if (childrenData[j].children) {
          depth++
          childrenEach(childrenData[j].children, depth)
        }
      }
    }
    return returnArr
  }
  return childrenEach(treeData, depth)
}

/**
* 功能：級聯選擇器，取當前選中id對應的文字，得到的是當前選中的id的數組，對應的層級數組
* 函數名：getArrCascaderObj
* 參數：arr--是id數組；treeData--完整的樹表；key--是對比的字段名
*/
function baseGetArrCascaderObj(arr, treeData, key) {
  return arr.map(function (value, index, array) {
    // console.log(value)
    for (var itm of treeData) {
      if (itm[key] == value) { treeData = itm.children; return itm }
    }
    return null
  })
}

/**
* 功能：在級聯選擇器，利用某個值不會重復的字段，來獲取當前的對象，例如利用ID，獲取
* 參數：value要對比的值；treeData級聯對象；key要對比的關鍵字
* */
function baseGetCascaderObj(value, treeData, key) {
  let opath = null
  for (var i in treeData) {
    if (value === treeData[i][key]) {
      opath = treeData[i]
      break
    } else if (treeData[i].children && treeData[i].children.length) {
      opath = baseGetCascaderObj(value, treeData[i].children, key)
    }
    // 中斷循環
    if (opath) {
      break
    }
  }
  return opath
}

 哈哈~~~最近有個同事問我一個關於tree屬性修改的問題~~~沒有想到直接修改tree屬性的解決方法...2333...但是想到一種通過深拷貝的方式來克隆一份，再重新賦值的方法：

注意：本方法具有很大的受限性（必須要已知tree結構、屬性，根據個人需要修改內容）

// 新數據
let newTreeData = []
// 舊數據
let treeData = [{
  companyName: 'Node0',
  companyId: '0--0',
  level: 1,
  sum: 2,
  addr: '123',
  child: [{
    companyName: 'Node1',
    companyId: '0-0',
    level: 1,
    sum: 2,
    addr: '123',
    child: [
      {
        companyName: 'Child Node1',
        companyId: '0-0-0',
        level: 1,
        sum: 2,
        addr: '123',
      },
    ],
  }, {
    companyName: 'Node2',
    companyId: '0-1',
    level: 1,
    sum: 2,
    addr: '123',
    child: [
      {
        companyName: 'Child Node3',
        companyId: '0-1-0',
        level: 1,
        sum: 2,
        addr: '123',
      },
      {
        companyName: 'Child Node4',
        companyId: '0-1-1',
        level: 1,
        sum: 2,
        addr: '123',
      },
    ],
  }]
}]

/**
 * FIXME：該函數只用於簡單深拷貝tree數據--必須已知tree的結構和具有的屬性--可重新根據個人需要修改屬性
 * param1: treeData標識舊數據
 * param2：newTreeData標識新數據，必須是外部傳入的數組引用，這樣就可以用來保存新的tree數據了
 * **/
export function mapTreeData(treeData, newTreeData) {
  if (!treeData) {
    return
  }

  for (let key in treeData) {
    let od = {}
    let ot = treeData[key]
    if (!ot) {
      return null
    }

    od = {
      name: ot.companyName,
      key: ot.companyId,
      value: ot.companyId,
      children: []
    }

    newTreeData.push(od)
    let len = newTreeData.length - 1

    if (ot.child && ot.child.length) {
      mapTreeData(ot.child, newTreeData[len].children)
    }
  }
}

// 測試調用
mapTreeData(treeData, newTreeData)
// 打印數據
console.log('treeData, newTreeData', treeData, newTreeData)