記錄我自己寫(xiě)的常用的針對(duì)樹(shù)形數(shù)據(jù)的處理函數(shù)：

let treeFn = {
  // 當(dāng)前是是否為空值
  isNUll(val) {
    return val === null || val === void 0 || val === '' || val.toString() === 'NaN';
  },
  /**
   * 遞歸查詢(xún)樹(shù)形數(shù)據(jù)中id節(jié)點(diǎn)完整信息 - 通用
   * @param arr 物料樹(shù)形下拉
   * @param id 樹(shù)節(jié)點(diǎn)id
   * @param idField 樹(shù)形結(jié)構(gòu)id 字段
   * @param {string} children 判斷樹(shù)形結(jié)構(gòu)子集的字段
   * @return {null|*}
   */
  findTreeItem(arr = [], id, idField = 'id', children = 'children') {
    if (this.isNUll(id)) return null;
    // let idField = this.cascaderProps.value; // 樹(shù)形結(jié)構(gòu)id 字段
    for (let i = 0; i < arr.length; i++) {
      let item = arr[i];
      if (item[idField] === id) {
        return item;
      }

      if (item[children] && item[children].length) {
        let res = this.findTreeItem(item[children], id, idField, children);
        if (res) return res;
      }
    }

    return null;
  },
  /**
   * cascader 級(jí)聯(lián)物料下拉通用方法 - 根據(jù)最后一個(gè)節(jié)點(diǎn)找到其完整的節(jié)點(diǎn)(即：帶上父節(jié)點(diǎn))
   * eg：'12102002' = > ['鐵礦粉', '12102002']
   * @param arr 物料樹(shù)形下拉
   * @param id 樹(shù)節(jié)點(diǎn)id
   * @param idField 樹(shù)形結(jié)構(gòu)id 字段
   * @param {string} children 判斷樹(shù)形結(jié)構(gòu)子集的字段
   * @param {boolean} fuzzyMatch 判斷樹(shù)形數(shù)據(jù)節(jié)點(diǎn)與id是否相同時(shí)是否使用模糊匹配泪幌，默認(rèn)false肴焊，即全等
   * @return string[]
   */
  getCascaderCodeByLastCode(arr = [], id, idField = 'id', children = 'children', fuzzyMatch = false) {
    if (this.isNUll(id)) return []
    // let idField = this.cascaderProps.value; // 樹(shù)形結(jié)構(gòu)id 字段

    let dgFn = (brr, parents = []) => {
      for (let i = 0; i < brr.length; i++) {
        let item = brr[i];
        let currentLevelIds = parents.concat(item[idField]) // 當(dāng)前層code節(jié)點(diǎn)

        // 判斷是否是目標(biāo)子節(jié)點(diǎn)
        if (fuzzyMatch) { // 模糊匹配
          if (item[idField] === id || item[idField].includes(id)) { // 找到此節(jié)點(diǎn)
            return currentLevelIds;
          }
        } else { // 全等
          if (item[idField] === id) { // 找到此節(jié)點(diǎn)
            return currentLevelIds;
          }
        }

        if (item[children] && item[children].length) {
          let res = dgFn(item[children], currentLevelIds);
          if (res) return res;
        }
      }
    }

    return dgFn(arr, []) || [id]
  },
  /*
  * 樹(shù)形數(shù)據(jù)扁平化
  * @param {any[]} arr 需要扁平化處理的數(shù)組
  * @param {string} children 判斷樹(shù)形結(jié)構(gòu)子集的字段
  * @return 扁平化的一維數(shù)組其屏，注意只保留了子節(jié)點(diǎn)旁涤，有子集的父節(jié)點(diǎn)本身不收納
  * */
  flatTreeList(arr = [], children = 'children') {
    if (!arr || !arr.length) return []
    return arr.reduce((preArr, nextItem) => {
      // if(nextItem.children && nextItem.children.length){
      //   return preArr.concat(dg(nextItem.children))
      // }else{
      //   preArr.push(nextItem)
      // }
      // return preArr
      return preArr.concat(nextItem && nextItem[children] && nextItem[children].length ? this.flatTreeList(nextItem[children], children) : nextItem)
    }, [])
  }
}

若對(duì)你有幫助翔曲，請(qǐng)點(diǎn)個(gè)贊吧，若能打賞不勝感激劈愚，謝謝支持！
本文地址：http://www.reibang.com/p/383509864b41?v=1732501925436闻妓，轉(zhuǎn)載請(qǐng)注明出處菌羽，謝謝。