本篇主要有三部分

• 什么是链表
• 链表的实现
• 链表的变种

源码地址：github.com/yhtx1997/Sm…

另外，今天2019年2月18日上午发现 2048-vue 版，代码版本不对，且最新版本遗失，无奈只得重新修复了下
2048-vue地址： github.com/yhtx1997/Sm…

什么是链表

链表存储有序的元素集合，但不同于数组，链表中的元素在内存中并不是连续放置的。每个 元素由一个存储元素本身的节点和一个指向下一个元素的引用（也称指针或链接）组成。
相对于传统的数组，链表的一个好处在于，添加或移除元素的时候不需要移动其他元素。然 而，链表需要使用指针，因此实现链表时需要额外注意。数组的另一个细节是可以直接访问任何 位置的任何元素，而要想访问链表中间的一个元素，需要从起点（表头）开始迭代列表直到找到 所需的元素。
如下图：

注：其中 00 06 10 12 18 为假定在内存中的地址

我将已经做好的链表存入数据，然后在控制台打印出来是这样的：

它看起来就像是这样的，一层套一层

其实应该是下面这样，类似于栓狗的铁链

链表的实现

链表功能

• 添加元素
• 获取指定位置元素
• 在指定位置插入元素
• 移除指定位置的元素
• 返回指定元素的位置
• 移除指定元素
• 是否为空
• 长度
• 获取表头
• 清空链表
• 转换为字符串输出

// 链表元素
class Node {constructor(element) {this.element = element; // 元素this.next = undefined; // 指向下一个元素}
}
class LinkedList {// 构造函数声明一些全局变量constructor(){this.count = 0; // 长度this.head = undefined; // 第一个元素}// 添加元素push(element) {}// 获取指定位置元素getElementAt(index) {}// 在指定位置插入元素insert(element, index) {}// 移除指定位置的元素removeAt(index) {}// 返回指定元素的位置indexOf(element) {}// 移除指定元素remove(element) {}// 是否为空isEmpty() {}// 长度size() {}// 获取表头getHead() {}// 清空链表clear() {}// 转换为字符串输出toString() {}
}
复制代码

代码实现

class LinkedList {// 构造函数声明一些全局变量constructor(){this.count = 0; // 长度this.head = undefined; // 第一个元素}// 添加元素push(element) {const node = new Node(element);if (this.head === undefined) {this.head = node;} else {let current = this.head;while (current.next !== undefined) {current = current.next;}current.next = node;}this.count++;}// 获取指定位置元素getElementAt(index) {// 判断不是空链表if (this.isEmpty() || index > this.count || index < 0) { // 非空才能继续处理// 判断不大于最大长度，不小于最小长度（0）return undefined;}// 循环找到元素let current = this.head;for (let i = 0; i < index; i++){current = current.next;}return current;// 返回找到的元素}// 在指定位置插入元素insert(element, index) {// 创建一个元素let current = new Node(element);// 首先确定是不是在首位置插入if (index === 0){current.next = this.head;this.head = current;} else {// 找到指定位置前一个元素let previous = this.getElementAt(index - 1);// 将前一个元素的 next 赋值给插入元素的 nextcurrent.next = previous.next;// 将插入元素的 node 赋值给前一个元素的 nextprevious.next = current;}this.count++;}// 移除指定位置的元素removeAt(index) {let current = this.head;if (index === 0){this.head = current.next;} else {// 找到这个元素和这个元素之前的元素let previous = this.getElementAt(index - 1);current = previous.next;// 将这个元素的 next 赋值给这个元素之前元素的 nextprevious.next = current.next;}this.count--;// 返回要移除的元素return current.element;}// 返回指定元素的位置indexOf(element) {// 从头开始找let current = this.head;// 不超过最大长度for (let i = 0; i < this.size() && current != null; i++){if (current.element === element){ // 找到相等的就返回下标return i;}current = current.next;}return -1;}// 移除指定元素remove(element) {// 获取指定元素位置let index = this.indexOf(element);// 移除指定位置元素return this.removeAt(index);}// 是否为空isEmpty() {return this.size() === 0;}// 长度size() {return this.count;}// 获取表头getHead() {return this.head;}// 清空链表clear() {this.head = undefined;this.count = 0;}// 转换为字符串输出toString() {if (this.head == null) {return '';}let objString = `${this.head.element}`;let current = this.head.next;for (let i = 1; i < this.size() && current != null; i++) {objString = `${objString},${current.element}`;current = current.next;}return objString;}
}
let a = new LinkedList();
a.push('a');
a.push('b');
a.push('c');
a.push('d');
a.push('e');
a.push('f');
a.push('h');
a.push('i');
a.push('j');
a.push('k');
a.push('l');
a.push('m');
a.push('n');
a.push('o');
a.push('p');
a.push('q');
a.remove('a');
a.insert('a',1);
console.log(a);
复制代码

插入元素图解：

现在有狗链两节，我要在中间加一节

先把两节分开，

然后把前边的尾部与要加的头部相连，然后把要加的尾部与后边的头部相连

0 连 xx , xx 连 1

链表的变种

双向链表

我们已经知道链表的每个元素由一个存储元素本身的节点和一个指向下一个元素的引用（也称指针或链接）组成，双向链表除了这个基本特性，每个元素还包含一个指向前一个元素的引用，如图所示：

循环链表

循环链表就是链表的最后一个指向下一个元素的引用指向了第一个元素，使其成为循环链表

双向循环链表

双向循环链表就是双向链表的第一个元素指向前一个的引用指向了最后一个元素，而最后一个元素指向下一个元素的引用指向了第一个元素，如图所示：