<!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. centos 安装 tkinter（不只用来做界面，在pylot中也使用）

    Python2 [root@binger ~]# yum -y install tkinter tcl-devel tk-devel [root@binger ~]# rpm -qa | grep ^ ...

  2. 开源WebGIS实施方案（三）：Shapefile数据导入到PostGIS

    PostGIS新版中提供了一个可视化的工具,用于Shapefile数据的导入和导出,极大的方便了使用者的操作. 创建空间数据库 以具有创建用户权限的账号登录pgAdminIII,连接到数据库 创建一个 ...

  3. C#泛型使用小记

    最近C#的泛型使用频次略多,特在此记下一个印象深刻的. 情景如下, 基类BaseClass 有一系列的子类 SubClass1, SubClass2, SubClass3... 且其构造函数的参数较多 ...

  4. XEvent--基础

    --SQL Server 扩展事件具有高度可伸缩且高度可配置的体系结构,--使用户能够按需收集解决性能问题或确定性能问题所需的信息.--1. 性能损耗小--2. 可配置性高--3. 可捕获底层事件 - ...

  5. 2.C#WebAPI设置路由和参数1

    1.当我们创建WebApi的时候我们的项目下的Contorls文件夹下的ValuesController文件下会出现这么几个方法: // GET http://程序ip:程序端口/api/values ...

  6. sqlserver常用函数

    1.字符串函数 --ascii函数,返回字符串最左侧字符的ascii码值 SELECT ASCII('dsd') AS asciistr --ascii代码转换函数,返回指定ascii值对应的字符 ) ...

  7. BootStrap框架引入文件

    bootstrap -- 框架 引入需要的  这是外网的------************************************************************* < ...

  8. Qt5学习笔记（消息过滤器）

    T06EventFilter.pro HEADERS += \ MyWidget.h SOURCES += \ MyWidget.cpp QT += widgets gui MyWidget.h #i ...

  9. flask后端获取前端post/get数据

    post:用request.form 而且要加上return !!记着加上return get:用 request.args()就可以了

  10. DataList用法总结

    设计模版: 页眉<HeaderTemplate>   </HeaderTemplate> 页脚<FooterTemplate> </FooterTemplat ...