JavaScript--数据结构与算法之图
图和图的算法:
图的定义:由边的集合及顶点的集合组成。
例如地图,每个城镇是顶点,道路是边,由顶点对来定义(城镇1,城镇2)简称(v1,v2)顶点也有权重——成本。
基本概念:
有向图:图的顶点对是有序的。——有箭头(常用的流程图)
无向图:图是无序的。——无箭头指向的。
路径:图中一系列顶点构成。
路径长度:路径中第一个顶点到最后一个顶点之间的数量表示。
环:指向自身的顶点组成的路径。环的长度为0;
圈:至少有一条边的路径,且路径的第一个定点和最后一个顶点相同。
简单圈:无论是有向图还是无向图,只要是没有重复边或重复顶点的圈。
平凡圈:除了第一个和最后一个顶点以外,路径的其他顶点有重复的圈。
强连通:两个顶点之间有路径,这两个顶点之间是强连通的,反之亦然。
强连通图:有向图的所有顶点都是强连通的。
一、图类:
图和树,二叉树很像。一可以试用数的方式创建一个图,节点表示一个顶点。但用基于对象的方式去处理会产生问题,因为图会增长到非常大。这样树的结构的效率会很低下。
1.1 顶点的表示:
和二叉树的穿件基本一致,先创建一个顶点类Vertex来保存顶点和边。里面有两个成员。一个用于标识顶点label,另一个表明这个顶点是否被访问过的布尔值wasVisited.
function Vertex(label) {
this.label = label;
}
1.2 表示边
图的信息都保存在边上,因为他们描述了图的结构。当然不能像二叉树的表现形式那样,因为他很固定一个父节点只能有两个子节点。而图的结构要灵活得多,一个顶点可以有一条边,多条边和他相连。
1.2.1 邻接表(邻接表数组):数组与链表相结合的存储方法。
邻接表的处理方法:
1、图中顶点用一个一维数组存储,另外,对于顶点数组中,每个数据元素还需要存储指向第一个邻接点的指针,以便于查找该顶点的边信息。
2、图中每个顶点vi的所有邻接点构成一个线性表,由于邻接点的个数不定,所以用单链表存储,无向图称为顶点vi的边表,有向图称为顶点vi作为弧尾的出边表。
左边是一维数组,表示顶点,右边用链表表示图中每个顶点所有的邻接点构成的线性表。
表示图最佳方法。江边存储为由顶点的相邻顶点列表构成的数组,并以此顶点作为索引。
1.2.2 邻接矩阵:是一个二维数组。是不错的一种图存储结构,但是我们也发现,对于边数相对顶点较少的图,这种结构是存在对存储空间的极大浪费的。
正对于这两种存储结构,下一篇做详细的介绍。
1.3 构建图:
function Graph(v) {
this.vertices = v;
this.edges = 0;
this.ajd = [];
for(var i = 0;i < this.vertices;i++) {
this.ajd[i] = [];
this.ajd[i].push("");
}
this.addEdge = addEdge;
this.toString = toString;
}
图的初始化,记录了一个图表示的边上的数量。用一个长度与图的顶点相同的数组记录顶点的数量。for循环是给每一个数组中的元素(顶点)创建一个子数组来存储所有相邻的顶点(链表),并将所有元素初始化为空字符串。
function assEdge(v,w) {
this.ajd[v].push(w);
this.ajd[w].push(v);
edges++;
}
向邻接表中添加元素。如传入A,B时。先查找顶点A的邻接表,将B添加搭配列表中,然后再查找顶点B的邻接表,将顶点A插入列表。最后边数加1。
function showGraph() {
for(var i = 0;i < this.vertices;i++) {
console.log(i+" ->");
for(var j = 0;j < this.vertices;j++) {
if(this.adj[i][j] != undefined) {
console.log(this.adj[i][j]+"");
}
}
console.log("");
}
}
//test...
var gr = new Graph(5);
gr.addEdge(0,1);
gr.addEdge(0,2);
gr.addEdge(1,3);
gr.addEdge(2,4);
gr.showGraph();
完整代码:
~(function() {
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.showGraph = showGraph;
}
Graph.prototype.addEdge = function(v,w) {
this.adj[v].push(w);
this.adj[w].push(v);
this.edges++;
};
Graph.prototype.showGraph = function() {
for(var i = 0;i < this.vertices;i++) {
console.log(i+"--> ");
for(var j = 0;j < this.vertices;j++) {
if(this.adj[i][j] != undefined) {
console.log(this.adj[i][j] +"");
}
}
}
};
var gr1 = new Graph(5);
gr1.addEdge(0,1);
gr1.addEdge(0,2);
gr1.addEdge(1,3);
gr1.addEdge(2,4);
gr1.showGraph();
})();
1.4 搜索图:
从一个指定的顶点到达其他的顶点。两种基础搜索:深度优先和广度优先。
1.4.1 深度优先搜索
从一条路径的顶点开始追溯,知道这条路径的最后一个顶点,然后回溯,继续追溯下一条路径,直到到达最后的顶点,往复如此,直到没有路径为止。这不是在搜索特定的路径,而是通过搜索来查看在图中有哪些路径可以选择。
算法:访问一个没有被访问过的顶点,将他标记为已访问,在递归的去访问在初始顶点的邻接表中其他没有访问过的顶点。
此算法需要给Graph类添加一个数组用来存储已经访问过的顶点,将他的元素全部初始化为false。
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.marked = [];
for(var j = 0;j < this.vertices;j++) {
this.marked[i] = false;
}
this.addEdge = addEdge;
this.showGraph = showGraph;
this.deepFirst = deepFirst;
}
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++) {
console.log(i+"-->");
for(var j = 0;j < this.vertices;j++) {
if(this.adj[i][j] != undefined) {
console.log(this.adj[i][j] + " ");
}
}
}
}
function deepFirst(v) {
this.marked[v] = true;
if(this.adj[v] != undefined) {
console.log("访问的顶点:"+v);
}
for(var w in this.adj[v]) {
//alert(0);
if(!this.marked[w]) {
this.deepFirst(w);
alert(1);
}
}
}
var gr = new Graph(5);
gr.addEdge(0,1);
gr.addEdge(0,2);
gr.addEdge(1,3);
gr.addEdge(2,4);
gr.showGraph();
gr.deepFirst(4);
JavaScript--数据结构与算法之图的更多相关文章
- 为什么我要放弃javaScript数据结构与算法(第九章)—— 图
本章中,将学习另外一种非线性数据结构--图.这是学习的最后一种数据结构,后面将学习排序和搜索算法. 第九章 图 图的相关术语 图是网络结构的抽象模型.图是一组由边连接的节点(或顶点).学习图是重要的, ...
- javascript数据结构与算法---栈
javascript数据结构与算法---栈 在上一遍博客介绍了下列表,列表是最简单的一种结构,但是如果要处理一些比较复杂的结构,列表显得太简陋了,所以我们需要某种和列表类似但是更复杂的数据结构---栈 ...
- 前端开发周报: CSS 布局方式方式与JavaScript数据结构和算法
前端开发周报:CSS 布局方式与JavaScript动画库 1.常见 CSS 布局方式详见: 一些常见的 CSS 布局方式梳理,涉及 Flex 布局.Grid 布局.圣杯布局.双飞翼布局等.http: ...
- 为什么我要放弃javaScript数据结构与算法(第十一章)—— 算法模式
本章将会学习递归.动态规划和贪心算法. 第十一章 算法模式 递归 递归是一种解决问题的方法,它解决问题的各个小部分,直到解决最初的大问题.递归通常涉及函数调用自身. 递归函数是像下面能够直接调用自身的 ...
- 为什么我要放弃javaScript数据结构与算法(第十章)—— 排序和搜索算法
本章将会学习最常见的排序和搜索算法,如冒泡排序.选择排序.插入排序.归并排序.快速排序和堆排序,以及顺序排序和二叉搜索算法. 第十章 排序和搜索算法 排序算法 我们会从一个最慢的开始,接着是一些性能好 ...
- 为什么我要放弃javaScript数据结构与算法(第八章)—— 树
之前介绍了一些顺序数据结构,介绍的第一个非顺序数据结构是散列表.本章才会学习另一种非顺序数据结构--树,它对于存储需要快速寻找的数据非常有用. 本章内容 树的相关术语 创建树数据结构 树的遍历 添加和 ...
- javascript数据结构与算法 零(前记+前言)
前记 这本书Data Structure and Algorithm with Javascript 我将其翻译成<< javascript 数据结构和算法>> 为什么这么翻译 ...
- 重读《学习JavaScript数据结构与算法-第三版》- 第4章 栈
定场诗 金山竹影几千秋,云索高飞水自流: 万里长江飘玉带,一轮银月滚金球. 远自湖北三千里,近到江南十六州: 美景一时观不透,天缘有分画中游. 前言 本章是重读<学习JavaScript数据结构 ...
- JavaScript 数据结构与算法之美 - 线性表(数组、栈、队列、链表)
前言 基础知识就像是一座大楼的地基,它决定了我们的技术高度. 我们应该多掌握一些可移值的技术或者再过十几年应该都不会过时的技术,数据结构与算法就是其中之一. 栈.队列.链表.堆 是数据结构与算法中的基 ...
- JavaScript 数据结构与算法之美 - 十大经典排序算法汇总(图文并茂)
1. 前言 算法为王. 想学好前端,先练好内功,内功不行,就算招式练的再花哨,终究成不了高手:只有内功深厚者,前端之路才会走得更远. 笔者写的 JavaScript 数据结构与算法之美 系列用的语言是 ...
随机推荐
- ACM-ICPC 2016 Qingdao Preliminary Contest
A I Count Two Three I will show you the most popular board game in the Shanghai Ingress Resistance T ...
- caffe for python (官方翻译)
导言 本教程中,我们将会利用Caffe官方提供的深度模型——CaffeNet(该模型是基于Krizhevsky等人的模型的)来演示图像识别与分类.我们将分别用CPU和GPU来进行演示,并对比其性能.然 ...
- 题解 P2068 【统计和】
这是一道单点修改,区间查询的线段树. 需要实现的操作有三个:建树,更新与查询. 首先,线段树用结构体维护,如下: struct node { int l, r; int val; } tree[max ...
- 【Educational Codeforces Round 37 C】 Swap Adjacent Elements
[链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 显然l..r这一段连续的1可以把l..r+1变成有序的. 那么就把所有的连续1段变成有序的就好. 看看最后是不是升序即可. [代码] ...
- Java基础学习总结(10)——static关键字
一.static关键字 原来一个类里面的成员变量,每new一个对象,这个对象就有一份自己的成员变量,因为这些成员变量都不是静态成员变量.对于static成员变量来说,这个成员变量只有一份,而且这一份是 ...
- Android笔记三十四.Service综合实例二
综合实例2:client訪问远程Service服务 实现:通过一个button来获取远程Service的状态,并显示在两个文本框中. 思路:如果A应用须要与B应用进行通信,调用B应用中的getName ...
- C语言keywordstatic的绝妙用途
为什么要说static妙,它确实是妙,在软件开发或者单片机开发过程中,大家总以为static就是一个静态变量.在变量类型的前面加上就自己主动清0了.还有就是加上statickeyword的,无论是变量 ...
- VC双缓冲画图技术介绍
双缓冲画图,它是一种主要的图形图像画图技术.首先,它在内存中创建一个与屏幕画图区域一致的对象,然后将图形绘制到内存中的这个对象上,最后把这个对象上的图形数据一次性地拷贝并显示到屏幕上. 这样的技术能够 ...
- MountService整理
刚毕业时第一个接触的模块就是Vold.这个模块尽管小,但深入下去是有一定难度的. 花了点时间又一次整理了下这一块的逻辑,也当温习下这个模块. watermark/2/text/aHR0cDovL2Js ...
- POJ 1459 最大流 第二题
http://poj.org/problem?id=1459 也是网络流的基础,只是虚拟出一个源点和终点,对应的生产值和消费值就加到与源点和终点的边上,然后做一次bfs就好了. #include &l ...