<!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. handsontable-developer guide-data binding,data sources

    数据绑定: 1.表格中得数据是引用了数据源中的数据:表格中数据改变,数据源中得数据也改变:数据源中得数据改变,通过render方法,表格中的数据也改变: 2.如果想把数据源中的数据和表格中的数据分开: ...

  2. [翻译]Writing Component Editors 编写组件的编辑器

    Writing Component Editors  编写组件的编辑器   All common control editors (opened from a control's context me ...

  3. java程序练习

    数组求和作业 开发环境:java 工具:eclipse 两种数据类型excel和csv 在同学建议下,我选择用csv文件打开,这就引来了第一个问题,在java中如何调用csv文件.以下是我百度的结果 ...

  4. .NET 匿名方法的BUG,请专家解答

    匿名方法是.NET 3.5之后的一个好东东,很多人使用,但是我在最近的工作当中发现了一个问题. 请专家解答 //list里存放10个数字 List<); ; i < ; i++) { li ...

  5. TFS文件编码检查机制和修改（Team Foundation Server 2013）

    TFS的版本控制系统会自动按照下面的标准检测代码文件的编码格式: 1. 首先,如果代码文件包含了BOM部分,则使用BOM中制定的编码格式打开文档 什么是BOM (Byte order mark)? h ...

  6. TSQL--NULL值和三值逻辑

    在SQL SERVER 中逻辑表达式存在三种值:TRUE+FALSE+UNKNOWN.UNKNOW可以理解为不确定,既不是TRUE又不是FALSE的表达式,主要由与NULL相关的逻辑判断引起,值为NU ...

  7. django drf 级联数据和RetrieveModelMixin

    1.定义View from django.shortcuts import render from rest_framework.views import APIView from rest_fram ...

  8. zstack相关学习的博客

    https://segmentfault.com/u/camile/articles?page=1

  9. pod-infrastructure:latest镜像下载失败

    报错一:image pull failed for registry.access.redhat.com/rhel7/pod-infrastructure:latest, this may be be ...

  10. AtcoderExaWizards 2019题解

    传送门 \(A\ Regular\ Triangle\) 咕咕 \(B\ Red\ or\ Blue\) 咕咕咕 \(C\ Snuke\ the\ Wizard\) 我可能脑子真的坏掉了-- 容易发现 ...