关闭

js实现链表_javascript中的链表结构

时间: 2018-11-28阅读: 1141标签: 算法

1.定义

很多编程语言中数组的长度是固定的,就是定义数组的时候需要定义数组的长度,所以当数组已经被数据填满的时候,需要再加入新的元素就很困难。只能说在部分变成语言中会有这种情况,在JavaScript中和php中数组的长度是可以任意增加的。在数组中添加和删除元素也是比较麻烦,因为要将数组中其他元素向前或者向后平移,这个在JavaScript中也不是问题,javascript中有一个很方便的方法splice()方法很方便的就可以添加或删除元素。

但是凡是都是相对的,javascript中的数组也有自己的问题,他们被是成了对象,与其他语言(比如c++和java)相比它的效率很低。

如果在实际的使用中发现数组的效率很慢,就可以考虑使用链表来代替。数组还有个优势是可以根据键值很方便的访问数组的值,除此之外,链表在任何场合都可以代替数组。如果需要随机地访问元素,数组仍然是更好的选择。

链表是由一组节点组成的集合。每一个节点都使用一个对象的引用指向它的后续借点。指向另外一个借点的引用叫做链。

数组元素靠它们的位置进行引用,链表元素则是靠相互之间的关系进行引用。在数组中会说这个元素是数组中的第几个元素,但是在链表中就说这个元素是某个元素的后面一个元素。遍历链表就是跟着链表从链表的头元素(head)一直走到尾元素(但是不包含链表的头借点,头通常用来作为链表的接入点)。还有一个问题,链表的尾元素指向一个null节点。如下图


许多链表的实现都在链表前面有一个特殊的节点,叫做头节点。最后一个节点指向null,所有最后再加上一个null节点。如下图


在链表中插入一个节点的效率很高。向链表中插入一个节点,需要修改它前面的节点,使其指向新加入的节点,而新加入的节点则指向前面指向的节点。如下图展示的是在eggs后面加上cookies节点。如下图


从链表中删除一个节点也很简单,将待删除的元素的前驱节点指向待删除的后续节点,同时将待删除元素指向null来释放。下图是一个巧合删除是的null元素前面的一个元素。如下图



2.代码实现

在下面的链表实现中有两个类。node类用来标识节点,LinkedList类提供插入节点,删除节点,显示链表节点元素的方法,以及一些其他的辅助方法。

Node类包含两个属性,element用来保存节点上的数据,next用来保存指向下一个节点的链接。我们使用一个构造函数来创建节点,改构造函数设置了这两个属性的值。如下:

function Node(element){
    this.element = element;
    this.next = null;
}

LinkedList类提供了对链表进行操作的方法,该类的功能包含插入节点,在链表中查找给定的节点。该类也有一个构造函数,链表只有一个属性,那就是使用一个node对象来保存该链表的头结点,代码如下:

function LList(){
    this.head = new Node('head');
    this.find = find;
    this.insert = insert;
    //this.remove = remove;
    this.display = display;
}

head节点的next属性被初始华为null,当有新元素插入时,next会指向新的元素。

插入节点的方法是insert,该方法向链表中插入新节点的时候,需要明确指出在那个节点的前面或者后面插入。这里先讨论在一个已知节点的后面插入元素。在元素后面插入元素的时候不,需要先找到“后面”的节点。为此创建一个辅助方法find(),该方法遍历链表,查找指定的数据,如果找到该数据,就返回保存该数据的节点,find()方法的实现的代码如下:

function find(item){
    var currNode = this.head;
    while (currNode.element != item){
        currNode = currNode.next;
    }
    return currNode;
}

find()方法演示了如何在链表上移动。首先创建一个新节点,并将链表的头节点赋给这个新创建的节点。然后再链表上进行循环,如果当前节点的element属性和我们要找的信息不符合,就从当前节点移动到下一个节点。如果查找成功个,该方法返回包含该数据的节点,否则返回null。

一旦找到“后面”的节点,就可以将新节点插入链表了。首先,将新节点的next属性设置为“后面”节点对应的值,然后设置“后面”节点的next属性指向新的节点,insert()定义如下:

//插入一个元素
function insert(newElement, item){
    var newNode = new Node(newElement);
    var current = this.find(item);
    newNode.next = current.next;
    current.next = newNode;
}

最后,我们定义一个打印链表元素的方法,如下:

function display(){
    var currNode = this.head;
    while (!(currNode.next == null)){
        document.write(currNode.next.element + ' ');
        currNode = currNode.next;
    }
}

这个方法首先将链表的头赋给一个变量,然后循环遍历链表,当前节点的next属性为null的时候循环结束。为了只显示包含数据的节点,我们使用currNode.next.element表达式来访问节点中的数据。

最后我们用下面的代码来测试链表。在链表中保存几个美国城市"Conway","Russellville","Alma"并将他们打印出来,完整代码如下:

function Node(element){
    this.element = element;
    this.next = null;
}

function LList(){
    this.head = new Node('head');
    this.find = find;
    this.insert = insert;
    //this.remove = remove;
    this.display = display;
}

function find(item){
    var currNode = this.head;
    while (currNode.element != item){
        currNode = currNode.next;
    }
    return currNode;
}

//插入一个元素
function insert(newElement, item){
    var newNode = new Node(newElement);
    var current = this.find(item);
    newNode.next = current.next;
    current.next = newNode;
}

function display(){
    var currNode = this.head;
    while (!(currNode.next == null)){
        document.write(currNode.next.element + ' ');
        currNode = currNode.next;
    }
}


//测试程序
var cities = new LList();
cities.insert("Conway", "head");
cities.insert("Russellville", "Conway");
cities.insert("Alma", "Russellville");
cities.display();


来源:https://www.cnblogs.com/tylerdonet/p/5880088.html


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/1441

现在算法是新锐前端框架成功的重要因素

随着前端MVVM的流行,小型框架现在越来越难存活了!react, angular等打着大公司旗号的框架占了半壁江山,而avalon以其良好兼容性在国内份额不断上升。前端也与后端一样,遵循马太效应,强者愈强,弱者愈弱。最后只剩下两种框架

Js加密算法_Base64

首先有个小Tips,1个字母字符 = 1个字节(byte) = 8位(bit),这是表示单位.Base64是网络上最常见的用于传输 8bit 的编码方式之一,Base64就是一种基于64个可打印字符来表示二进制数据的方法。

给一个数字,输出人民币组合(JavaScript算法)

人民币由100元,50元,20元10元,5元1元,5毛,1毛面额组合。写一个方法随便传入一个数字参数,就输出人民币组合。

原生JS找出所有的水仙花数

一个三位的整数,个、十、百的立方和等于该整数(例:153=1*1*1+5*5*5+3*3*3),步骤构思:1、依次循环遍历输出所有三位数,取整,2、设置条件判断

细数20世纪最伟大的10大算法

在广场上画一个边长一米的正方形,在正方形内部随意用粉笔画一个不规则的形状,现在要计算这个不规则图形的面积,怎么计算列?

Tracking.js_ js人脸识别前端代码/算法框架

racking.js 是一个独立的JavaScript库,实现多人同时检测人脸并将区域限定范围内的人脸标识出来,并保存为图片格式,跟踪的数据既可以是颜色,也可以是人,也就是说我们可以通过检测到某特定颜色,或者检测一个人体/脸的出现与移动,来触发JavaScript 事件。

js实现快速排序算法的2种方式

通过两个for循环,每一次对比相邻两个数据的大小,小的排在前面,如果前面的数据比后面的大就交换这两个数的位置,这个方法就是比较次数太多了,效率比较低。

Js翻转字符串算法

实战翻转字符串算法:可以先把字符串转化成数组,再借助数组的reverse方法翻转数组顺序,然后把数组转化成字符串。

js中常用的基础算法

今天给大家分享一下js中常用的基础算法,废话不多说,直接上代码;两个数字调换顺序;对象排序,安装对象中的id排序对象的位置;冒泡排序 ;随机出现不同的数字;字符串大小写互换

PHP 迁移 Mcrypt 至 OpenSSL 加密算法详解

对称加解密算法中,当前最为安全的是 AES 加密算法(以前应该是是 DES 加密算法),PHP 提供了两个可以用于 AES 加密算法的函数簇:Mcrypt 和 OpenSSL。其中 Mcrypt 在 PHP 7.1.0 中被 Deprecated,在 PHP 7.2.0 中被移除,所以即可起你应该使用 OpenSSL 来实现 AES 的数据加解密。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!