链表(Linked List)是不同于数组的另一种数据结构,它的存储单元(即结点或元素)除了包含任意类型的数据之外,还需要包含指向另一个结点的引用,后文会用术语链接表示对结点的引用。
  下面会列出链表与数组的具体不同:
  (1)数组需要一块连续的内存空间来存储;而链表则恰恰相反,通过指针将零散的内存串联在一起。
  (2)数组在插入和删除时,会做数据搬移,其时间复杂度会 O(n);而链表只需考虑相邻结点的指针变化,因此时间复杂度是 O(1)。
  (3)当随机访问第 K 个元素时,数据可根据首地址和索引计算出对应的内存地址,其时间复杂度为 O(1);而链表则需要让指针依次遍历链接的结点,因此时间复杂度是 O(n)。
  本系列中面试例题来源于[LeetCode](https://leetcode-cn.com/problemset/all/)、《[剑指Offer](https://book.douban.com/subject/27008702/)》等渠道。像下面这样以“面试题”为前缀的题目,其解法大都来源于《剑指Offer》一书。
  面试题5[替换空格](https://leetcode-cn.com/problems/ti-huan-kong-ge-lcof/)。合并数组,从后往前合并,减少数字移动次数。
## 一、链表结构
  链表包含三种最常见的链表结构:单链表、双向链表和循环链表。
**1)单链表**
  单链表的结点结构如下所示,其中next是后继指针,可链接下一个结点。
~~~
class Node {
constructor(key=null) {
this.next = null;
this.key = key;
}
}
~~~
  而单链表又可以细分为有头结点的单链表和无头结点的单链表,其中头结点不存储任何数据,如下图1所示。
:-: ![](https://img.kancloud.cn/6f/06/6f0617023b74e2b2836968a6008176b3_982x328.png =600x)
图 1
  下面以有头结点的[单链表为例](https://codepen.io/strick/pen/GRoYevm),演示单链表的插入、遍历和删除。
~~~
class List {
constructor() {
this.header = new Node(); //头结点
}
add(node) {
//插入
if (!this.header.next) {
this.header.next = node;
return;
}
let current = this.header;
while (current.next != null) {
current = current.next;
}
current.next = node;
}
traverse() {
//遍历
let current = this.header.next;
while (current) {
console.log(current.key);
current = current.next;
}
}
del(node) {
//删除
let current = this.header.next, //当前结点
prev = this.header; //前驱结点
while (current != node) {
current = current.next;
prev = prev.next;
}
if (current) {
prev.next = current.next;
current.next = null;
}
}
}
~~~
  尽管删除操作的时间复杂度是 O(1),但遍历查找是主要的耗时点,复杂度为 O(n)。因为在删除时需要知道前驱结点,而单链表不能直接读取,只能从头开始遍历。
  面试题6[从尾到头打印链表](https://leetcode-cn.com/problems/cong-wei-dao-tou-da-yin-lian-biao-lcof/)。每经过一个结点,就放到栈中。当遍历完后,从栈顶输出。
  面试题18[删除链表的结点](https://leetcode-cn.com/problems/shan-chu-lian-biao-de-jie-dian-lcof/)。将结点 j 覆盖结点 i,结点 i 的next指针指向 j 的下一个结点,这样能避免获取结点 i 的前置结点。
  面试题52[两个链表的第一个公共结点](https://leetcode-cn.com/problems/liang-ge-lian-biao-de-di-yi-ge-gong-gong-jie-dian-lcof/)。分别把两个链接的结点放入两个栈中,尾结点就是两个栈的顶部,如果相同就接着比较下一个栈顶,直至找到最后一个相同结点。
**2)双向链表**
  双向链表顾名思义包含两个方向的指针:前驱和后继,结点结构如下所示。
~~~
class Node {
constructor(key = null) {
this.prev = null;
this.key = key;
this.next = null;
}
}
~~~
  双向链表比单链表要占更多的内存空间,依托用空间换时间的设计思想,双向链表要比单链表更加的高效。
  例如之前的删除,由于已经保存了前驱结点,也就避免了多余的遍历([如下所示](https://codepen.io/strick/pen/ExPdMLx))。当希望在某个结点之前插入结点,双向链表的优势也很明显。
~~~
class List {
add(node) {
//插入
if (!this.header.next) {
this.header.next = node;
node.prev = this.header;
return;
}
let current = this.header;
while (current.next != null) {
current = current.next;
}
current.next = node;
node.prev = current;
}
del(node) {
//删除
let current = this.header.next; //当前结点
while (current != node) {
current = current.next;
}
if (current) {
current.prev.next = current.next;
current.next = null;
}
}
}
~~~
**3)循环链表**
  循环链表是一种特殊的单链表,它的尾结点的后继结点是头结点,适合处理具有环形结构的问题,例如约瑟夫环。
  面试题62[圆圈中最后剩下的数字](https://leetcode-cn.com/problems/yuan-quan-zhong-zui-hou-sheng-xia-de-shu-zi-lcof/)。用环形链表模拟圆圈,每删除一个数字需要 m 步运算,共有 n 个数字,时间复杂度O(mn)。
## 二、经典例题
**1)单链表逆序**
  从链表的第二个结点开始,把遍历到的结点插入到头结点的后面,直至结束,例如head→1→2→3变为 head→3→2→1。
  采用递归的方式完成单链表的逆序,[如下所示](https://codepen.io/strick/pen/WNrammY)。例题:LeetCode的[206\. 反转链表](https://leetcode-cn.com/problems/reverse-linked-list/)。
~~~
class List {
reverse() {
//逆序
this.recursive(this.header.next);
}
recursive(node) {
if (!node) return;
const current = node,
next = current.next;
if (!next) {
//头结点指向逆序后链表的第一个结点
this.header.next = current;
return;
}
this.recursive(next);
/************************************
* 移动结点 1->2->3,1->2<-3
* 例如Node(2).next.next就是Node(3).next
* 巧妙的将Node(3).next链接为Node(2)
************************************/
current.next.next = current;
current.next = null;
}
}
~~~
**2)链表中环的检测**
  第一种思路是缓存每个经过的结点,每到一个新结点,就判断当前序列中是否存在,如果存在,就说明访问过了。
  第二种思路是使用两个指针,快指针每次前移两步,慢指针每次前移一步,当两个指针指向相同结点时,就证明有环,否则就没有环,[如下所示](https://codepen.io/strick/pen/VweENWQ)。例题:LeetCode的[141\. 环形链表](https://leetcode-cn.com/problems/linked-list-cycle/)。
~~~
class List {
isLoop() {
//检测环
let fast = this.header.next,
slow = this.header.next;
while (fast && fast.next) {
slow = slow.next;
fast = fast.next.next;
if (slow == fast) return true;
}
return false;
}
}
~~~
**3)合并两个有序链表**
  用两个指针遍历两个链表,如果head1指向的数据小于head2的,则将head1指向的结点归入合并后的链表中,否则用head2的,[如下所示](https://codepen.io/strick/pen/bGEmJMP)。例题:LeetCode的[21\. 合并两个有序链表](https://leetcode-cn.com/problems/merge-two-sorted-lists/)。
~~~
function merge(head1, head2) {
let cur1 = head1.next,
cur2 = head2.next,
cur = null, //合并后的尾结点
head = null; //合并后的头结点
//合并后链表的头结点为第一个结点元素最小的那个链表的头结点
if (cur1.key > cur2.key) {
head = head2;
cur = cur2;
cur2 = cur2.next;
} else {
head = head1;
cur = cur1;
cur1 = cur1.next;
}
//每次找链表剩余结点的最小值对应的结点连接到合并后链表的尾部
while (cur1 && cur2) {
if (cur1.key > cur2.key) {
cur.next = cur2;
cur = cur2;
cur2 = cur2.next;
} else {
cur.next = cur1;
cur = cur1;
cur1 = cur1.next;
}
}
//当遍历完一个链表后把另外一个链表剩余的结点链接到合并后的链表后面
if (cur1 != null) cur.next = cur1;
if (cur2 != null) cur.next = cur2;
return head;
}
~~~
**4)找出链表倒数第 n 个结点**
  使用两个指针,快指针比慢指针先前移 n 步,然后两个指针同时移动。当快指针到底后,慢指针的位置就是所要找的结点,[如下所示](https://codepen.io/strick/pen/xxZmxWv)。例题:LeetCode的[剑指 Offer 22. 链表中倒数第k个节点](https://leetcode-cn.com/problems/lian-biao-zhong-dao-shu-di-kge-jie-dian-lcof/)。
~~~
class List {
findLast(n) {
//删除链表倒数第 n 个结点
let slow = null,
fast = null;
slow = fast = this.header.next;
let i = 0;
//前移 n 步
while (i < n && fast) {
fast = fast.next;
i++;
}
while (fast) {
fast = fast.next;
slow = slow.next;
}
return slow;
}
}
~~~
**5)求链表的中间结点**
  使用两个指针一起遍历链表。慢指针每次走一步,快指针每次走两步。那么当快指针到达链表的末尾时,慢指针必然处于中间位置,[如下所示](https://codepen.io/strick/pen/GRoPRPm)。例题:LeetCode的[876\. 链表的中间结点](https://leetcode-cn.com/problems/middle-of-the-linked-list/)。
~~~
class List {
middle() {
//求链表的中间结点
let slow = this.header.next,
fast = this.header.next;
while (slow && fast && fast.next) {
slow = slow.next;
fast = fast.next.next;
}
return slow;
}
}
~~~
*****
> 原文出处:
[博客园-数据结构和算法躬行记](https://www.cnblogs.com/strick/category/1809992.html)
已建立一个微信前端交流群,如要进群,请先加微信号freedom20180706或扫描下面的二维码,请求中需注明“看云加群”,在通过请求后就会把你拉进来。还搜集整理了一套[面试资料](https://github.com/pwstrick/daily),欢迎阅读。
![](https://box.kancloud.cn/2e1f8ecf9512ecdd2fcaae8250e7d48a_430x430.jpg =200x200)
推荐一款前端监控脚本:[shin-monitor](https://github.com/pwstrick/shin-monitor),不仅能监控前端的错误、通信、打印等行为,还能计算各类性能参数,包括 FMP、LCP、FP 等。
- ES6
- 1、let和const
- 2、扩展运算符和剩余参数
- 3、解构
- 4、模板字面量
- 5、对象字面量的扩展
- 6、Symbol
- 7、代码模块化
- 8、数字
- 9、字符串
- 10、正则表达式
- 11、对象
- 12、数组
- 13、类型化数组
- 14、函数
- 15、箭头函数和尾调用优化
- 16、Set
- 17、Map
- 18、迭代器
- 19、生成器
- 20、类
- 21、类的继承
- 22、Promise
- 23、Promise的静态方法和应用
- 24、代理和反射
- HTML
- 1、SVG
- 2、WebRTC基础实践
- 3、WebRTC视频通话
- 4、Web音视频基础
- CSS进阶
- 1、CSS基础拾遗
- 2、伪类和伪元素
- 3、CSS属性拾遗
- 4、浮动形状
- 5、渐变
- 6、滤镜
- 7、合成
- 8、裁剪和遮罩
- 9、网格布局
- 10、CSS方法论
- 11、管理后台响应式改造
- React
- 1、函数式编程
- 2、JSX
- 3、组件
- 4、生命周期
- 5、React和DOM
- 6、事件
- 7、表单
- 8、样式
- 9、组件通信
- 10、高阶组件
- 11、Redux基础
- 12、Redux中间件
- 13、React Router
- 14、测试框架
- 15、React Hooks
- 16、React源码分析
- 利器
- 1、npm
- 2、Babel
- 3、webpack基础
- 4、webpack进阶
- 5、Git
- 6、Fiddler
- 7、自制脚手架
- 8、VSCode插件研发
- 9、WebView中的页面调试方法
- Vue.js
- 1、数据绑定
- 2、指令
- 3、样式和表单
- 4、组件
- 5、组件通信
- 6、内容分发
- 7、渲染函数和JSX
- 8、Vue Router
- 9、Vuex
- TypeScript
- 1、数据类型
- 2、接口
- 3、类
- 4、泛型
- 5、类型兼容性
- 6、高级类型
- 7、命名空间
- 8、装饰器
- Node.js
- 1、Buffer、流和EventEmitter
- 2、文件系统和网络
- 3、命令行工具
- 4、自建前端监控系统
- 5、定时任务的调试
- 6、自制短链系统
- 7、定时任务的进化史
- 8、通用接口
- 9、微前端实践
- 10、接口日志查询
- 11、E2E测试
- 12、BFF
- 13、MySQL归档
- 14、压力测试
- 15、活动规则引擎
- 16、活动配置化
- 17、UmiJS版本升级
- 18、半吊子的可视化搭建系统
- 19、KOA源码分析(上)
- 20、KOA源码分析(下)
- 21、花10分钟入门Node.js
- 22、Node环境升级日志
- 23、Worker threads
- 24、低代码
- 25、Web自动化测试
- 26、接口拦截和页面回放实验
- 27、接口管理
- 28、Cypress自动化测试实践
- 29、基于Electron的开播助手
- Node.js精进
- 1、模块化
- 2、异步编程
- 3、流
- 4、事件触发器
- 5、HTTP
- 6、文件
- 7、日志
- 8、错误处理
- 9、性能监控(上)
- 10、性能监控(下)
- 11、Socket.IO
- 12、ElasticSearch
- 监控系统
- 1、SDK
- 2、存储和分析
- 3、性能监控
- 4、内存泄漏
- 5、小程序
- 6、较长的白屏时间
- 7、页面奔溃
- 8、shin-monitor源码分析
- 前端性能精进
- 1、优化方法论之测量
- 2、优化方法论之分析
- 3、浏览器之图像
- 4、浏览器之呈现
- 5、浏览器之JavaScript
- 6、网络
- 7、构建
- 前端体验优化
- 1、概述
- 2、基建
- 3、后端
- 4、数据
- 5、后台
- Web优化
- 1、CSS优化
- 2、JavaScript优化
- 3、图像和网络
- 4、用户体验和工具
- 5、网站优化
- 6、优化闭环实践
- 数据结构与算法
- 1、链表
- 2、栈、队列、散列表和位运算
- 3、二叉树
- 4、二分查找
- 5、回溯算法
- 6、贪心算法
- 7、分治算法
- 8、动态规划
- 程序员之路
- 大学
- 2011年
- 2012年
- 2013年
- 2014年
- 项目反思
- 前端基础学习分享
- 2015年
- 再一次项目反思
- 然并卵
- PC网站CSS分享
- 2016年
- 制造自己的榫卯
- PrimusUI
- 2017年
- 工匠精神
- 2018年
- 2019年
- 前端学习之路分享
- 2020年
- 2021年
- 2022年
- 2023年
- 日志
- 2020