<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>图的实现</title>

     </head>

     <body>

       <script type="text/javascript">

         function Graph(v){

             this.vertices = v;

             this.edges = 0;

             this.adj = [];

             for(var i = 0; i<this.vertices;i++){

                 this.adj[i] = [];

                 // 原书有这句，多余  没什么用。

 //                this.adj[i].push("");

             }

             this.addEdge = addEdge;

             this.toString = toString;

             this.showGraph = showGraph;

             //记录已经访问过的顶点

             this.marked = [];

             for(var i = 0;i < this.vertices;i++){

                 this.marked[i] = false;

             }

 //            this.dfs = dfs;

             this.bfs = bfs;

             //保存从一个顶点到下一个顶点的所有边

             this.edgeTo = [];

             this.pathTo = pathTo;

             this.hasPathTo = hasPathTo;

         }

         function addEdge(v,w){

             this.adj[v].push(w);

             this.adj[w].push(v);

             this.edges++;

         }

         function showGraph(){

             for(var i =0;i < this.vertices;i++){

                 for(var j = 0;j < this.vertices;j++){

                     if(this.adj[i][j] != undefined){

                         console.log(i+"->"+this.adj[i][j])

                     }

                 }

             }

         }

         //广度优先

         function bfs(s){

             var queue = [];

             this.marked[s] = true;

             queue.push(s);

             while(queue.length > 0){

                 var v = queue.shift();

                 if(v != undefined){

                     console.log("已访问 ："+v);

                 }

                 for(var k in this.adj[v]){

                     var w = this.adj[v][k];

                     if(!this.marked[w]){

                         this.edgeTo[w] = v;

                         this.marked[w] = true;

                         queue.push(w);

                     }

                 }

             }

         }

         function pathTo(v){

             var source = 0;

             if(!this.hasPathTo(v)){

                 return undefined;

             }

             var path = [];

             for(var i = v;i != source;i=this.edgeTo[i]){

                 path.push(i);

             }

             path.push(source);

             return path;

         }

         function hasPathTo(v){

             return this.marked[v];

         }

         var obj = new Graph(5);

         obj.addEdge(0,1);

         obj.addEdge(0,2);

         obj.addEdge(1,3);

         obj.addEdge(2,4);

         obj.showGraph();

         //深度优先搜索

         console.log("------------")

         obj.bfs(0);

         var paths = obj.pathTo(3);

         console.log(paths,"123");

         while(paths.length >0){

             if(paths.length >1){

                 console.log(paths.pop() + "-");

             }else{

                 console.log(paths.pop());

             }

         }

       //打印结果 0-2-4  表示在这个图中 顶点0到顶点4的距离为2;

      </script>

     </body>

 </html>

JavaScript数据结构-18.图结构广度优先和最短路径的更多相关文章

  1. JavaScript数据结构-17.图结构

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. 【PHP数据结构】图的应用：最短路径

    上篇文章的最小生成树有没有意犹未尽的感觉呀?不知道大家掌握得怎么样,是不是搞清楚了普里姆和克鲁斯卡尔这两种算法的原理了呢?面试的时候如果你写不出,至少得说出个大概来吧,当然,如果你是要考研的学生,那就 ...

  3. JavaScript数据结构——图的实现

    在计算机科学中,图是一种网络结构的抽象模型,它是一组由边连接的顶点组成.一个图G = (V, E)由以下元素组成: V:一组顶点 E:一组边,连接V中的顶点 下图表示了一个图的结构: 在介绍如何用Ja ...

  4. 为什么我要放弃javaScript数据结构与算法（第九章）—— 图

    本章中,将学习另外一种非线性数据结构--图.这是学习的最后一种数据结构,后面将学习排序和搜索算法. 第九章 图 图的相关术语 图是网络结构的抽象模型.图是一组由边连接的节点(或顶点).学习图是重要的, ...

  5. JavaScript实现图结构

    JavaScript实现图结构 一.图论 1.1.图的简介 什么是图? 图结构是一种与树结构有些相似的数据结构: 图论是数学的一个分支,并且,在数学中,树是图的一种: 图论以图为研究对象,研究顶点和边 ...

  6. 算法与数据结构(四) 图的物理存储结构与深搜、广搜(Swift版)

    开门见山,本篇博客就介绍图相关的东西.图其实就是树结构的升级版.上篇博客我们聊了树的一种,在后边的博客中我们还会介绍其他类型的树,比如红黑树,B树等等,以及这些树结构的应用.本篇博客我们就讲图的存储结 ...

  7. 数据结构与算法之PHP用邻接表、邻接矩阵实现图的广度优先遍历（BFS）

    一.基本思想 1)从图中的某个顶点V出发访问并记录: 2)依次访问V的所有邻接顶点: 3)分别从这些邻接点出发,依次访问它们的未被访问过的邻接点,直到图中所有已被访问过的顶点的邻接点都被访问到. 4) ...

  8. Python数据结构与算法之图的广度优先与深度优先搜索算法示例

    本文实例讲述了Python数据结构与算法之图的广度优先与深度优先搜索算法.分享给大家供大家参考,具体如下: 根据维基百科的伪代码实现: 广度优先BFS: 使用队列,集合 标记初始结点已被发现,放入队列 ...

  9. 图结构练习——最短路径（floyd算法(弗洛伊德)）

    图结构练习——最短路径 Time Limit: 1000ms   Memory limit: 65536K  有疑问?点这里^_^ 题目描述  给定一个带权无向图,求节点1到节点n的最短路径.   输 ...

随机推荐

  1. VS中的Debug 和 Release 编译方式的本质区别

    VS中的Debug 和 Release 编译方式的本质区别 Debug 通常称为调试版本,它包含调试信息,并且不作任何优化,便于程序员调试程序.Release 称为发布版本,它往往是进行了各种优化,使 ...

  2. SQL描述（2）

    很久之前就想写出来,就是因为自己太懒,憋了怎么久.本文关于使用ORACLE分析函数对一些经济指标进行计算.表indi_value有3个关键的字段:indi_date,indi_value,indi_i ...

  3. [ThinkPHP] 比较标签 neq&nheq 与 PHP 中的 != 与 !== 出现的问题

    1. 模板 > 内置标签 > 比较标签 控制器: $_data['list'] = [ 'dingo' , 'engo' , 'fengo' , 'gingo' , 'autoFill'= ...

  4. visual studio code中使用emmet插件在.vue文件失效

    使用visual studio code编辑.vue文件时,emmet插件无法使用,可以通过以下两种试解决: 1.文件→设置,在右侧窗口添加以下代码: "emmet.syntaxProfil ...

  5. [转载]灵动思绪EF(Entity FrameWork)

    很久之前就想写这篇文章了,但是由于种种原因,没有将自己学习的EF知识整理成一片文章.今天我就用CodeFirst和ModelFirst两种方式的简单案例将自己学习的EF知识做个总结. 在讲解EF之前, ...

  6. Selenium窗口切换-----Selenium快速入门（六）

    有时候,我们打开多个窗口,进行多窗口操作,那么窗口间该如何切换呢? 切换的方法有两个,一个是通过窗口标题来验证,另一个是通过窗口特定的内容来验证,这两个方法都要求得到的标题或内容是唯一的. 用到的相关 ...

  7. Windows10 下 github ssh 访问出现 Permission denied（publickey）错误的解决方法

    Windows10 下 github ssh 访问出现 Permission denied(publickey)错误的解决方法. 错误信息: git clone git@github.com:ediw ...

  8. 数据库表结构文档查看器 基于netcore

    前言 日常开发业务代码,新接手一块不熟悉的业务时需要频繁的查看对应业务的数据库表设计文档.相比于直接翻看业务代码,有必要提供一个数据库表结构文档查看器来解决这些繁琐的问题. CML.SqlDoc CM ...

  9. mac下wordpress环境搭建

    mac下本来就有apache和php,只需要配置以下+安装mysql 1.Apache 预装目录在  /etc/apache2: 默认的网站目录在 /Library/WebServer/Documen ...

  10. TOJ1398正方形的编成 或者 POJ2362

    #include<stdio.h> #include<string.h> #include<iostream> #include<algorithm> ...