关于javascript:将数组数据转化成树形结构

将数组数据转化成树形构造

而后,咱们须要将列表型的数据,转化成树形数据,这里须要用到递归算法

封装一个工具办法,src/utils/index.js

/** *
 *
 *  将列表型的数据转化成树形数据 => 递归算法 => 本身调用本身 => 肯定条件不能一样, 否则就会死循环
 *  遍历树形 有一个重点 要先找一个头儿
 * ***/
export function tranListToTreeData(list, rootValue) {
  var arr = []
  list.forEach(item => {
    if (item.pid === rootValue) {
      // 找到之后 就要去找 item 上面有没有子节点
      const children = tranListToTreeData(list, item.id)
      if (children.length) {
        // 如果children的长度大于0 阐明找到了子节点
        item.children = children
      }
      arr.push(item) // 将内容退出到数组中
    }
  })
  return arr
}

调用转化办法,转化树形构造

小结:

这样咱们就能够通过admin模板来做咱们的我的项目了, js高程第四版链接: https://pan.baidu.com/s/18P8k… 能够加公众号获取提取码.

若有不懂的中央,请加q群147936127交换或者vx: ltby52119,谢谢~

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理