<!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;

         }

         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 dfs(v){

             this.marked[v] = true;

             //输出一下

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

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

                 console.log(this.marked,"adj")

             }

             //原书写法   这里用for in 得到的只是顶点的索引,并且会把非整数索引也循环，这里有坑

             /*

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

                 if(!this.marked[this.adj[v][w]]){

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

                 }

             }

             */

            for(var i = 0;i<this.adj[v].length;i++){

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

                    if(!this.marked[w]){

                     console.log("123456")

                     this.dfs(w);

                   }

             }

         }

         //广度优先

         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.marked[w] = true;

                         queue.push(w);

                     }

                 }

             }

         }

         var obj = new Graph(5);

         obj.addEdge(0,1);

         obj.addEdge(0,2);

         obj.addEdge(1,3);

         obj.addEdge(2,4);

         obj.showGraph();

         //深度优先搜索

 //        obj.dfs(0);

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

         obj.bfs(0);

         //由于标记数组定义在对象里  所以在这儿不能同时调用深度优先和广度优先。。

      </script>

     </body>

 </html>

JavaScript数据结构-17.图结构的更多相关文章

  1. JavaScript数据结构-18.图结构广度优先和最短路径

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

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

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

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

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

  4. JavaScript实现图结构

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

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

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

  6. javascript数据结构与算法---栈

    javascript数据结构与算法---栈 在上一遍博客介绍了下列表,列表是最简单的一种结构,但是如果要处理一些比较复杂的结构,列表显得太简陋了,所以我们需要某种和列表类似但是更复杂的数据结构---栈 ...

  7. 学习javascript数据结构(四)——树

    前言 总括: 本文讲解了数据结构中的[树]的概念,尽可能通俗易懂的解释树这种数据结构的概念,使用javascript实现了树,如有纰漏,欢迎批评指正. 原文博客地址:学习javascript数据结构( ...

  8. 前端开发周报: CSS 布局方式方式与JavaScript数据结构和算法

    前端开发周报:CSS 布局方式与JavaScript动画库 1.常见 CSS 布局方式详见: 一些常见的 CSS 布局方式梳理,涉及 Flex 布局.Grid 布局.圣杯布局.双飞翼布局等.http: ...

  9. 为什么我要放弃javaScript数据结构与算法（第十一章）—— 算法模式

    本章将会学习递归.动态规划和贪心算法. 第十一章 算法模式 递归 递归是一种解决问题的方法,它解决问题的各个小部分,直到解决最初的大问题.递归通常涉及函数调用自身. 递归函数是像下面能够直接调用自身的 ...

随机推荐

  1. 更改SQL Server中默认备份文件夹

    当你安装SQL Server时,安装路径一般如下:C:\Program Files\Microsoft SQL Server\MSSQL.2\MSSQL.在这个目录下也有数据文件的文件夹和备份文件的文 ...

  2. docker 操作命令详解

    docker attach命令-登录一个已经在执行的容器 docker build 命令-建立一个新的image docker commit命令-提交一个新的image docker cp命令-将容器 ...

  3. Spring中ApplicationContext和beanfactory区别---解析二

    一.BeanFactory 和ApplicationContext Bean 工厂(com.springframework.beans.factory.BeanFactory)是Spring 框架最核 ...

  4. 【.net】Dictionary<TKey, TValue>源码分析

    一图胜过千言万语~

  5. C++ windows进程间通信

    最近一直在找共享内存同步的操作,恰好这篇文章有讲解.本文转载:https://blog.csdn.net/bing_bing_bing_/article/details/82875302 方便记录,c ...

  6. JSON 解析的两种方法

    今天帮朋友看了下JSON解析结果············· eval解析JSON中的注意点 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. ...

  7. mac下MySQL、MysqL workbench的安装与配置配置

    请戳这里 但是3.4的创建instance还不会

  8. JavaWeb -cookie&session&application

    cookie&session&application总结 Cookie[key-value](不是内置对象必须new): 1. Cookie 是由服务端生成的,在发送给客户端保存 2. ...

  9. [文文殿下]基本的DP技巧

    . 二进制状态压缩动态规划 对于某些情况,如果题目中所给的限制数目比较小,我们可以尝试状态压缩动态规划.例如,题目中给出数据范围\(n<=20\),这个一般情况下是一个状压DP的提示. 状态压缩 ...

  10. Jquery、Ajax实现新闻列表页分页功能

    前端页面官网的开发,离不开新闻列表,新闻列表一般都会有分页的功能,下面是我自己总结加查找网上资料写的一个分页的功能,记录一下. 首先,官网的开发建立在前后端分离的基础上: 再有,后端小伙伴们提供列表页 ...