【JS数据结构】单向链表

目录

一. 认识链表

1.数组

1.1 数组的优点

1.2 数组的缺点

2.链表

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

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

3.什么是链表

3.1 链表的火车结构

3.2 链表的数据结构

 3.3 给火车加上数据后的结构

二. 链表封装

1.创建链表类

1.1 创建一个链表类

1.2 代码解析

2.链表常见操作

2.1 append(element)尾部追加数据

2.2 toString()转成字符串

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

2.4 get(position):获取对应位置的元素

2.5 indexOf(element):返回元素在列表中的索引

2.6 update(position)修改某个位置的元素

2.7 removeAt(position)从列表的特定位置移除一项

2.8 remove(element)从列表中移除一项

2.9 isEmpty()判空

2.10 size()节点个数

四.完整代码

---

链表和数组一样, 可以用于存储一系列的元素, 但是链表和数组的实现机制完全不同.

一. 认识链表

1.数组

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

1.1 数组的优点

• 几乎每一种编程语言都有默认实现数组结构, 这种数据结构非常方便，提供了一个便利的[]语法来访问它的元素。
• 数组通过下标值修改和获取元素性能比较高。

1.2 数组的缺点

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

2.链表

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

链表的每个元素由一个存储元素本身的节点和一个指向下一个元素的引用(有些语言称为指针或者链接)组成.

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

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

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

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

3.什么是链表

链表类似于火车: 有一个火车头, 火车头会连接一个节点, 节点上有乘客, 并且这个节点会连接下一个节点, 以此类推.

3.1 链表的火车结构

3.2 链表的数据结构

 3.3 给火车加上数据后的结构

二. 链表封装

1.创建链表类

1.1 创建一个链表类

        // 封装链表类
        function LinkedList() {
            // 内部的类：节点类
            function Node(data) {  // data：数据；   next：指向的下一个节点
                this.data = data;
                this.next = null;
            }

            // 属性
            this.head = null;  // 默认情况下head是null
            this.length = 0;  // 记录链表的长度

            // 链表中的方法
            
        }

1.2 代码解析

• 封装LinkedList的类, 用于表示我们的单向链表结构. (和Java中的链表同名, 不同Java中的这个类是一个双向链表, 后面我们会讲解双向链表)
• 在LinkedList类中有一个Node类, 用于封装每一个节点上的信息.(和优先级队列的封装一样)
• 链表中我们保存两个属性, 一个是链表的长度, 一个是链表中第一个节点.

2.链表常见操作

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

整体会发现操作方法和数组非常类似, 因为链表本身就是一种可以代替数组的结构.但是某些方法实现起来有些麻烦, 所以我们一个个来慢慢实现它们.

2.1 append(element)尾部追加数据

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

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

封装代码：

        // 封装链表类
        function LinkedList() {
            // 内部的类：节点类
            function Node(data) {  // data：数据；   next：指向的下一个节点
                this.data = data;
                this.next = null;
            }

            // 属性
            this.head = null;  // 默认情况下head是null
            this.length = 0;  // 记录链表的长度

            // 1.append(element)：向列表尾部添加一个新的项
            LinkedList.prototype.append = function (data) {
                var newNode = new Node(data)
                // 判断是否添加的是第一个节点
                if (this.length == 0) {  // 是第一个节点：直接把新元素加在后面
                    this.head = newNode;
                }else {  // 不是第一个节点：找到最后一个节点，让最后一个节点的next指向新的节点
                    var current = this.head  // current：第一个节点
                    while (current.next) {
                        current = current.next;
                    }
                    current.next = newNode;  
                }
                // 添加新节点后长度加1
                this.length += 1
            }
        }

代码解读:

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

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

• 场景二: 链表中已经有元素了, 需要向最后的节点的next中添加节点.

  • 这个时候要向链表的