本文共 9694 字，大约阅读时间需要 32 分钟。

链表是一种常见的用于存储数据序列的线性结构. 链表和数组一样, 可以用于存储一系列的元素, 但是链表和数组的实现机制完全不同.

一. 链表和数组

1.1 数组:

要存储多个元素，数组可能是最常用的数据结构。

几乎每一种编程语言都有默认实现数组结构, 这种数据结构非常方便，提供了一个便利的[]语法来访问它的元素。

但是数组也有很多缺点:

数组的创建通常需要申请一段连续的内存空间(一整块的内存), 并且大小是固定的(大多数编程语言数组都是固定的), 所以在当前数组不能满足容量需求时, 需要扩容, (一般情况下是申请一个更大的数组, 比如2倍, 然后将原数组中的元素复制过去), 而且在数组开头或中间位置插入数据的成本很高, 需要进行大量元素的位移.（尽管我们已经学过的JavaScript的Array类方法可以帮我们做这些事，但背后的原理依然是这样）。

1.2 链表

要存储多个元素, 另外一个选择就是使用链表.

但不同于数组, 链表中的元素在内存中不必是连续的空间. 链表的每个元素由一个存储元素本身的节点和一个指向下一个元素的引用(有些语言称为指针或者链接)组成.

相对于数组, 链表有一些优点:

内存空间不是连续的. 可以充分利用计算机的内存. 实现灵活的内存动态管理. 链表不必在创建时就确定大小, 并且大小可以无限的延伸下去. 链表在插入和删除数据时, 时间复杂度可以达到O(1). 相对数组效率高很多.

相对于数组, 链表有一些缺点:

链表访问任何一个位置的元素时, 都需要从头开始访问.(无法跳过第一个元素访问任何一个元素). 无法通过下标直接访问元素, 需要从头一个个访问, 直到找到对应的问题.

二. 链表封装

2.1 创建链表类

// 封装链表的构造函数function LinkedList() {       // 封装一个Node类, 用于保存每个节点信息    function Node(element) {           this.element = element // 要加入链表元素的值        this.next = null // 指向链表中下一个元素的指针    }        // 链表中的属性    this.length = 0  // 链表的长度    this.head = null // 链表的第一个节点        // 链表中的方法}

代码解析:

封装LinkedList的类, 用于表示我们的链表结构. (和Java中的链表同名, 不同Java中的这个类是一个双向链表,

后面我们会讲解双向链表) 在LinkedList类中有一个Node类, 用于封装每一个节点上的信息.(和优先级队列的封装一样)

链表中我们保存两个属性, 一个是链表的长度length, 一个是链表中第一个节点head.

2.2 链表常见操作

append(element)：向列表尾部添加一个新的项

insert(position, element)：向列表的特定位置插入一个新的项。 remove(element)：从列表中移除一项。 removeAt(position)：从列表的特定位置移除一项。 indexOf(element)：返回元素在列表中的索引。如果列表中没有该元素则返回-1。 getElementAt(index): 返回链表中特定位置的元素, 如果不存在这样的元素则返回undefined isEmpty()：如果链表中不包含任何元素，返回true，如果链表长度大于0则返回false。 size()：返回链表包含的元素个数。与数组的length属性类似。 toString()：由于列表项使用了Node类，就需要重写继承自JavaScript对象默认的toString方法，让其只输出元素的值element。

整体操作方法和数组非常类似, 因为链表本身就是一种可以代替数组的结构.

2.3 链表操作

2.3.1 尾部追加数据 append(element)

向链表尾部追加数据可能有两种情况:

链表本身为空, 新添加的数据是唯一的节点. 链表不为空, 需要向其他节点后面追加节点.

// 链表尾部追加元素方法LinkedList.prototype.append = function (element) {       // 1.根据新元素创建节点Node    var newNode = new Node(element)    // 2.判断原来链表是否为空    if (this.head === null) {    // 链表尾空        this.head = newNode    } else {    // 链表不为空        // 2.1.定义变量, 保存当前找到的节点        var current = this.head        while (current.next) {    // 在current.next不为null时,while循环继续            current = current.next        }        // 2.2. 直到current.next为null找到最后一项, 将其next赋值为node        current.next = newNode    }    // 3.链表长度增加1    this.length++}

首先需要做的是将element传入方法, 并根据element创建一个Node节点.

场景一: 链表本身是空的, 比如这种情况下我们插入了一个15作为元素.

直接将head指向该元素即可. 场景二: 链表中已经有元素了, 需要向最后的节点的next中添加节点. 这个时候要向链表的尾部添加一个元素, 首先我们需要找到这个尾部元素. 结构中只有第一个元素的引用, 因此需要循环访问链表, 直接找到最后一个项. 当current.next为null时即为最后一项, 让这个最后一项元素的next指向新创建的节点即可. 最后, 将链表的length+1.

测试insert的方式插入数据:

// 4.测试insert方法list.insert(0, 100)list.insert(4, 200)list.insert(2, 300)alert(list) // 100,15,300,10,20,200

2.3.2 任意位置插入 insert(position, element)

// 根据下标插入元素LinkedList.prototype.insert = function (position, element) {       // 1.检测越界问题: 越界插入失败, 返回false    if (position < 0 || position > this.length) return false    // 2.找到正确的位置, 并且插入数据    // 定义要插入的变量newNode, current当前节点, previous上一个节点    var newNode = new Node(element)    var current = this.head // 初始值为head, 对第一个元素的引用    var previous = null // 存储当前current的上一个节点    index = 0    // 3.判断是否列表是否在第一个位置插入    if (position == 0) {           newNode.next = current        this.head = newNode    } else {           while (index++ < position) {    // 向前赶, 直到找到当前位置position            previous = current            current = current.next        }        // index === position, 找到要插入的位置        newNode.next = current        previous.next = newNode    }        // 4.length+1    this.length++        return true}

代码1 处理了越界问题, 基本传入位置信息时, 都需要进行越界的判断. 如果越界, 返回false, 表示数据添加失败. (因为位置信息是错误的, 所以数据肯定是添加失败的)

代码2的位置, 我们定义了一些变量, 后续需要使用它们来保存信息.

代码3的位置进行了判断, 这是因为添加到第一个位置和其他位置是不同的.

• 添加到第一个位置: 表示新添加的节点是头, 就需要将原来的头节点, 作为新节点的next, 这个时候的head应该指向新节点.
  
• 添加到其他位置:
  如果是添加到其他位置, 需要先找到这个节点位置.
  通过while循环, 一点点向下找. 并且在这个过程中保存上一个节点和下一个节点.
  找到正确的位置后, 将新节点的next指向下一个节点, 将上一个节点的next指向新的节点.
  

最后, length+1 返回true, 表示元素插入成功了.

2.3.1 toString方法

toString方法把LinkedList对象转换成一个字符串

// 链表的toString方法LinkedList.prototype.toString = function () {       // 1.定义两个变量    var current = this.head    var listString = ""    // 2.循环获取链表中所有的元素    while (current) {           listString += "," + current.element        current = current.next    }    // 3.返回最终结果    return listString.slice(1)}

方法解读:

该方法比较简单, 主要是获取每一个元素

还是从head开头, 因为获取链表的任何元素都必须从第一个节点开头. 循环遍历每一个节点, 并且取出其中的element, 拼接成字符串. 将最终字符串返回.

// 测试链表// 1.创建链表var list = new LinkedList()// 2.追加元素list.append(15)list.append(10)list.append(20)// 3.打印链表的结果alert(list)

2.3.5 位置移除数据

移除数据有两种常见的方式:

根据位置移除对应的数据

根据数据, 先找到对应的位置, 再移除数据 我们这里先完成根据位置移除数据的方式

// 根据位置移除节点

LinkedList.prototype.removeAt = function (position) { // 1.检测越界问题: 越界移除失败, 返回null if (position < 0 || position >= this.length) return null

// 2.定义变量, 保存信息var current = this.headvar previous = nullvar index = 0// 3.判断是否是移除第一项if (position === 0) {    this.head = current.next} else {    while (index++ < position) {        previous = current        current = current.next    }        previous.next = current.next}// 4.length-1this.length--// 5.返回移除的数据return current.element

}

代码解析:

代码1部分, 还是越界的判断. (注意: 这里越界判断中的等于length也是越界的, 因为下标值是从0开始的)

代码2部分还是定义了一些变量, 用于保存临时信息

代码3部分进行判断, 因为移除第一项和其他项的方式是不同的

移除第一项的信息:

移除第一项时, 直接让head指向第二项信息就可以啦.

那么第一项信息没有引用指向, 就在链表中不再有效, 后面会被回收掉. img 移除其他项的信息:

移除其他项的信息操作方式是相同的.

首先, 我们需要通过while循环, 找到正确的位置. 找到正确位置后, 就可以直接将上一项的next指向current项的next, 这样中间的项就没有引用指向它, 也就不再存在于链表后, 会面会被回收掉. img img 测试removeAt方法

// 5.测试removeAt方法

list.removeAt(0) list.removeAt(1) list.removeAt(3) alert(list) // 15, 10, 20 获取元素位置 我们来完成另一个功能: 根据元素获取它在链表中的位置

// 根据元素获取链表中的位置

LinkedList.prototype.indexOf = function (element) { // 1.定义变量, 保存信息 var current = this.head index = 0

// 2.找到元素所在的位置while (current) {    if (current.element === element) {        return index    }    index++    current = current.next}// 3.来到这个位置, 说明没有找到, 则返回-1return -1

}

代码解析:

代码1的位置还是定义需要的变量.

代码2的位置, 通过while循环获取节点 通过节点获取元素和element进行对比, 如果和传入element相同, 表示找到, 直接返回index即可. 如果没有找到, index++, 并且指向下一个节点. 到最后都没有找到, 说明链表中没有对应的元素, 那么返回-1即可. indexOf方法测试

// 6.测试indexOf方法

alert(list.indexOf(15)) // 0 alert(list.indexOf(10)) // 1 alert(list.indexOf(20)) // 2 alert(list.indexOf(100)) // -1 根据元素删除 有了上面的indexOf方法, 我们可以非常方便实现根据元素来删除信息

// 根据元素删除信息

LinkedList.prototype.remove = function (element) { var index = this.indexOf(element) return this.removeAt(index) } 代码解析:

代码简单, 第一步获取元素所在位置(已经封装好), 根据位置移除元素(已经封装好)

代码测试:

// 7.测试remove方法

list.remove(15) alert(list) // 10,20 其他方法实现 isEmpty方法

// 判断链表是否为空

LinkedList.prototype.isEmpty = function () { return this.length == 0 } size方法

// 获取链表的长度

LinkedList.prototype.size = function () { return this.length } 获取第一个元素节点: (单向链表比较方便的操作)

// 获取第一个节点

LinkedList.prototype.getFirst = function () { return this.head.element } 方法测试:

// 8.测试其他方法

alert(list.isEmpty()) // false alert(list.size()) // 2 alert(list.getFirst()) // 10 四.完整代码 我们给出一份完成的LinkedList代码

// 封装链表的构造函数

function LinkedList() { // 封装一个Node类, 用于保存每个节点信息 function Node(element) { this.element = element this.next = null }

// 链表中的属性this.length = 0this.head = null// 链表尾部追加元素方法LinkedList.prototype.append = function (element) {    // 1.根据新元素创建节点    var newNode = new Node(element)    // 2.判断原来链表是否为空    if (this.head === null) { // 链表尾空        this.head = newNode    } else { // 链表不为空        // 2.1.定义变量, 保存当前找到的节点        var current = this.head        while (current.next) {            current = current.next        }        // 2.2.找到最后一项, 将其next赋值为node        current.next = newNode    }    // 3.链表长度增加1    this.length++}// 链表的toString方法LinkedList.prototype.toString = function () {    // 1.定义两个变量    var current = this.head    var listString = ""    // 2.循环获取链表中所有的元素    while (current) {        listString += "," + current.element        current = current.next    }    // 3.返回最终结果    return listString.slice(1)}// 根据下标删除元素LinkedList.prototype.insert = function (position, element) {    // 1.检测越界问题: 越界插入失败    if (position < 0 || position > this.length) return false    // 2.定义变量, 保存信息    var newNode = new Node(element)    var current = this.head    var previous = null    index = 0    // 3.判断是否列表是否在第一个位置插入    if (position == 0) {        newNode.next = current        this.head = newNode    } else {        while (index++ < position) {            previous = current            current = current.next        }        newNode.next = current        previous.next = newNode    }    // 4.length+1    this.length++    return true}// 根据位置移除节点LinkedList.prototype.removeAt = function (position) {    // 1.检测越界问题: 越界移除失败, 返回null    if (position < 0 || position >= this.length) return null    // 2.定义变量, 保存信息    var current = this.head    var previous = null    var index = 0    // 3.判断是否是移除第一项    if (position === 0) {        this.head = current.next    } else {        while (index++ < position) {            previous = current            current = current.next        }        previous.next = current.next    }    // 4.length-1    this.length--    // 5.返回移除的数据    return current.element}// 根据元素获取链表中的位置LinkedList.prototype.indexOf = function (element) {    // 1.定义变量, 保存信息    var current = this.head    index = 0    // 2.找到元素所在的位置    while (current) {        if (current.element === element) {            return index        }        index++        current = current.next    }    // 3.来到这个位置, 说明没有找到, 则返回-1    return -1}// 根据元素删除信息LinkedList.prototype.remove = function (element) {    var index = this.indexOf(element)    return this.removeAt(index)}// 判断链表是否为空LinkedList.prototype.isEmpty = function () {    return this.length == 0}// 获取链表的长度LinkedList.prototype.size = function () {    return this.length}// 获取第一个节点LinkedList.prototype.getFirst = function () {    return this.head.element}

}

作者：coderwhy

链接：https://www.jianshu.com/p/7a2d072a6c3e 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。