广度优先遍历、深度优先遍历js实现

最新推荐文章于 2022-10-25 16:15:55 发布

霜叶w

最新推荐文章于 2022-10-25 16:15:55 发布

阅读量587

点赞数

CC 4.0 BY-SA版权

分类专栏：算法 js 文章标签： javascript 数据结构广度搜索深度搜索

本文链接：https://blog.youkuaiyun.com/weixin_44043130/article/details/120755495

js 同时被 2 个专栏收录

28 篇文章

订阅专栏

算法

2 篇文章

订阅专栏

本文详细介绍了深度优先遍历（DFS）和广度优先遍历（BFS）在二叉树中的应用，通过实例演示了如何用JavaScript实现这两种算法，并对比了它们的遍历策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

介绍

深度优先遍历：自上而下的遍历
广度优先遍历：逐层遍历

例如一个二叉树，每次遍历优先找叶子节点就是深度优先，每次先找同一层次的节点就是广度优先

一、深度优先

  var tree = [
    {
      name: "中国",
      children: [
        {
          name: "北京",
          children: [
            {
              name: "海淀区",
            },
            {
              name: "昌平区",
            },
          ],
        },
        {
          name: "浙江省",
          children: [
            {
              name: "杭州市",
            },
            {
              name: "嘉兴市",
            }
          ],
        },
      ],
    }
  ];
 function shendu(data){
    const result = []
    data.forEach(item=>{
      var map = (data)=>{
        result.push(data.name)
        data.children && data.children.forEach(item=>map(item))
      }
      map(item)
    })
    return result
  }
  let res = shendu(tree)
  console.log(res)  //  ['中国', '北京', '海淀区', '昌平区', '浙江省', '杭州市', '嘉兴市']

二、广度优先

  function guangdu(data){
    var result = []
    var arr = data
    while(arr.length >0){
      [...arr].forEach((item)=>{
        result.push(item.name)
        item.children && arr.push(...item.children)
        arr.shift()
      })
    }
    return result
  }
  let res = guangdu(tree)
  console.log(res)   // ['中国', '北京', '浙江省', '海淀区', '昌平区', '杭州市', '嘉兴市']