当前位置:首页 > JavaScript

js实现bfs

2026-04-05 16:53:06JavaScript

JavaScript 实现广度优先搜索(BFS)

广度优先搜索是一种用于遍历或搜索树或图的算法,从根节点开始,逐层访问所有相邻节点。以下是 JavaScript 实现 BFS 的两种常见方式:基于队列的迭代实现和递归模拟实现。

基于队列的迭代实现

  1. 定义图结构
    使用邻接表表示图,例如:

    const graph = {
      A: ['B', 'C'],
      B: ['A', 'D', 'E'],
      C: ['A', 'F'],
      D: ['B'],
      E: ['B', 'F'],
      F: ['C', 'E']
    };
  2. BFS 核心逻辑
    初始化队列和已访问集合,逐层扩展节点:

    function bfs(startNode, graph) {
      const visited = new Set();
      const queue = [startNode];
      visited.add(startNode);
    
      while (queue.length > 0) {
        const currentNode = queue.shift();
        console.log(currentNode); // 处理当前节点
    
        for (const neighbor of graph[currentNode]) {
          if (!visited.has(neighbor)) {
            visited.add(neighbor);
            queue.push(neighbor);
          }
        }
      }
    }
    
    bfs('A', graph); // 从节点 A 开始遍历

递归模拟实现

虽然 BFS 通常用队列迭代实现,但可通过递归模拟队列行为:

function bfsRecursive(queue, visited, graph) {
  if (queue.length === 0) return;

  const currentNode = queue.shift();
  console.log(currentNode); // 处理当前节点

  for (const neighbor of graph[currentNode]) {
    if (!visited.has(neighbor)) {
      visited.add(neighbor);
      queue.push(neighbor);
    }
  }

  bfsRecursive(queue, visited, graph);
}

const visited = new Set(['A']); // 起始节点标记为已访问
bfsRecursive(['A'], visited, graph);

应用场景示例

  1. 最短路径问题
    在无权图中,BFS 可找到两点间的最短路径。修改上述代码记录路径:

    function bfsShortestPath(start, end, graph) {
      const queue = [[start, [start]]];
      const visited = new Set([start]);
    
      while (queue.length > 0) {
        const [currentNode, path] = queue.shift();
        if (currentNode === end) return path;
    
        for (const neighbor of graph[currentNode]) {
          if (!visited.has(neighbor)) {
            visited.add(neighbor);
            queue.push([neighbor, [...path, neighbor]]);
          }
        }
      }
      return null; // 无路径
    }
    
    console.log(bfsShortestPath('A', 'F', graph)); // 输出最短路径
  2. 层序遍历
    记录每层的节点,适用于树或图的层级分析:

    js实现bfs

    function bfsLevelOrder(startNode, graph) {
      const result = [];
      const queue = [startNode];
      const visited = new Set([startNode]);
    
      while (queue.length > 0) {
        const levelSize = queue.length;
        const currentLevel = [];
    
        for (let i = 0; i < levelSize; i++) {
          const currentNode = queue.shift();
          currentLevel.push(currentNode);
    
          for (const neighbor of graph[currentNode]) {
            if (!visited.has(neighbor)) {
              visited.add(neighbor);
              queue.push(neighbor);
            }
          }
        }
        result.push(currentLevel);
      }
      return result;
    }
    
    console.log(bfsLevelOrder('A', graph)); // 输出按层分组的节点

注意事项

  • 时间复杂度
    BFS 的时间复杂度为 O(V + E),其中 V 是顶点数,E 是边数。
  • 空间复杂度
    最坏情况下需存储所有节点,空间复杂度为 O(V)。
  • 环处理
    已访问集合 (visited) 可避免重复访问和无限循环。
  • 性能优化
    对于大规模图,可使用索引或更高效的数据结构(如 Map)替代普通对象。

标签: jsbfs
分享给朋友:

相关文章

js实现vue

js实现vue

Vue.js 的基本实现方法 在 JavaScript 中实现 Vue.js 的功能,可以通过直接引入 Vue 库或使用现代构建工具(如 Vite 或 Webpack)。以下是几种常见的实现方式:…

js实现分页

js实现分页

实现分页的基本思路 分页功能通常需要处理数据分割、页码生成和用户交互。核心逻辑包括计算总页数、根据当前页截取数据、渲染页码按钮等。 前端分页实现(静态数据) 假设已有全部数据,仅需前端分页展示:…

js防抖和节流实现

js防抖和节流实现

防抖(Debounce)的实现 防抖的核心思想是在事件被触发后,延迟执行回调函数。如果在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口大小调整等场景。 function debounce…

js分组实现

js分组实现

分组实现方法 在JavaScript中,可以通过多种方式实现数组或对象的分组操作。以下是几种常见的方法: 使用Array.prototype.reduce() 通过reduce方法可以轻松实现数组分…

js jquery

js jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够…

js实现dh

js实现dh

JavaScript 实现 DH(Diffie-Hellman)密钥交换 Diffie-Hellman(DH)密钥交换是一种安全协议,允许双方在不安全的通信信道上建立一个共享密钥。以下是如何在 Jav…