【数据结构与算法】详解什么是双向链表

function DoubleLinkedList() {

//属性

this.head = null

this.tail = null

this.length = 0

}

其中，属性 head 表示双向链表中的第一个元素；属性 tail 表示双向链表中的最后一个元素

（2）创建内部构造函数

---

双向链表的每一个元素都有三个属性，即prev 、item 和 next，分别表示该元素的前一个元素是谁 、存储着该元素的值和该元素的后一个元素是谁。所以我们就在双向链表的构造函数内部创建一个内部构造函数用于之后创建元素的实例对象

function DoubleLinkedList() {

//属性

this.head = null

this.tail = null

this.length = 0

//元素的构造函数

function Node(item) {

this.item = item

this.next = null

this.prev = null

}

}

（3）实现append()方法

---

append()方法就是将元素添加到双向链表的末尾。

实现思路：

1. 先创建新元素的实例对象 node

2. 先判断双向链表内有无元素，若没有元素，则将属性 head 和 属性 tail 都指向 node，最后属性 length + 1

3. 若双向链表中有元素了，则因为双向链表内多了一个指针 tail，所以我们要实现 append()方法也就方便了很多，只需要将 tail 指向 node，然后将原本的末尾元素 old_node 的 next 指向 node，并将 node 的 prev属性指向 old_node即可，然后属性 length + 1

为了方便大家理解，我用一个动图来向大家演示一下：

思路讲解完了，我们来实现一下该方法

function DoubleLinkedList() {

//属性

this.head = null

this.tail = null

this.length = 0

//元素的构造函数

function Node(item) {

this.item = item

this.next = null

this.prev = null

}

//在末尾加入元素

DoubleLinkedList.prototype.append = function (item) {

// 1.创建新元素的实例对象

let node = new Node(item)

// 2.判断双向链表内是否有元素

if(this.length === 0) {

this.head = node

this.tail = node

}

else {

node.prev = this.tail

this.tail.next = node

this.tail = node

}

// 3. 双向链表内元素 + 1

this.length ++

}

}

接下里我们来使用一下该方法

let dl = new DoubleLinkedList()

dl.append(‘js’)

dl.append(‘python’)

此时的链表内是这样的

（4）实现insert()方法

---

insert()方法就是在指定的索引位置插入元素。一共需要传入两个参数，第一个是 position，表示需要插入元素的位置；第二个参数是 item，表示元素的值

实现思路：

1. 创建新的元素实例对象 node

2. 判断指定的索引位置 position 是否越界，即是否小于0，或者大于双向链表的长度。若越界了，则直接返回false

3. 判断 position 是否为0。若为0，则直接将双向链表原本的第一个元素 ，也就是 head所对应的元素 old_node 赋值给 node的 next属性，再将 node 赋值给 old_node 的 prev 属性，然后将 node赋值给 head，表示现在链表的第一个元素为 node

4. 若 position 不为0，则遍历双向链表，同时记录遍历的索引 index 、遍历的上一个元素 prev 和在 index索引位置上的元素 current，当 index == position时，将 node赋值给 prev的 next属性，将 current 赋值给 node的 next属性，再将 prev 赋值给 node 的 prev 属性，最后将 node 赋值给 current 的 prev 属性

5. 属性 length + 1

为了方便大家理解，我用一个动图来向大家演示一下：

看完了方法的实现思路，我们来用代码实现一下该方法

function DoubleLinkedList() {

//属性

this.head = null

this.tail = null

this.length = 0

//元素的构造函数

function Node(item) {

this.item = item

this.next = null

this.prev = null

}

//向指定位置插入元素

DoubleLinkedList.prototype.insert = function (position, item) {

// 1.判断是否越界

if(position < 0 || position > this.length) {

return false

}

// 2.创建新元素的实例对象

let node = new Node(item)

let index = 0

let current = this.head

let prev = null

// 3.判断插入位置是否等于元素个数

if(position === this.length) {

//当 position 与 length相等时，就相当于在末尾添加元素

this.append(item)

}

// 4. 判断元素是否添加到第一个位置

else if(position === 0) {

node.next = this.head

this.head.prev = node

this.head = node

this.length ++

}

else {

// 5.遍历链表，直到找到position位置上的元素

while (index < position) {

prev = current

current = current.next

index ++

}

// 6.插入新元素

prev.next = node

current.prev = node

node.prev = prev

node.next = current

this.length ++

}

}

}

接下来我们来使用一下该方法

let dl = new DoubleLinkedList()

dl.insert(0, ‘C++’)

此时的双向链表是这样的

在执行一次 insert()方法

di.append(‘js’) //在末尾添加元素 js

dl.insert(1, ‘python’) //在索引 1处插入元素python

此时的双向链表是这样的

最后我们再向索引为 3 的位置插入元素 java，因为此时 length = 3，即双向链表元素个数为 3，这就相当于在末尾添加元素

dl.insert(3, ‘java’)

所以此时的链表是这样的

（5）实现get()方法

---

get()方法就是获取对应位置上的元素。需要传入一个参数，即 position，表示需要获取元素的索引

实现思路：

1. 判断 position 是否越界。若越界，则直接返回false

2. 遍历链表，同时记录当前索引 index，当 index == position时，返回当前位置上的元素

该方法思路比较简单，几乎跟链表的 get()方法一样，我们来看一下

function DoubleLinkedList() {

//属性

this.head = null

this.tail = null

this.length = 0

//元素的构造函数

function Node(item) {

this.item = item

this.next = null

this.prev = null

}

//获取对应位置上的元素

DoubleLinkedList.prototype.get = function (position) {

if(position < 0 || position > this.length - 1) {

return false

}

let index = 0

let current = this.head

while (index < position) {

current = current.next

index ++

}

return current.item

}

}

我们来使用一下该方法

let dl = new DoubleLinkedList()

dl.append(‘C++’)

dl.append(‘js’)

dl.append(‘python’)

dl.get(-2) //返回 false

dl.get(0) //返回 C++

dl.get(2) //返回 python

dl.get(3) //返回 false

（6）实现indexOf()方法

---

indexOf()方法就跟数组的一样，获取某元素在双向链表中的索引值，若双向链表中不存在该元素，则返回 -1。

这个方法思路很简单，就不详细讲解了，直接来看代码

function DoubleLinkedList() {

//属性

this.head = null

this.tail = null

this.length = 0

//元素的构造函数

function Node(item) {

this.item = item

this.next = null

this.prev = null

}

//获取元素的索引

DoubleLinkedList.prototype.indexOf = function (item) {

let current = this.head

let index = 0

// 1.遍历双向链表

while (index < this.length) {

// 2. 找到对应元素，返回索引值

if(current.item === item) {

return index

}

else {

index ++

current = current.next

}

}

// 3.未找到对应元素，返回 -1

return -1

}

}

我们来使用一下该方法

let dl = new DoubleLinkedList()

dl.append(‘C++’)

dl.append(‘js’)

dl.append(‘python’)

dl.indexOf(‘C++’) //返回 0

dl.indexOf(‘js’) //返回 1

dl.indexOf(‘python’) //返回 2

dl.indexOf(‘java’) //返回 -1

（7）实现update()方法

---

update()方法就是用于修改双向链表中某位置上的元素的值。因此该方法需要传入两个参数，第一个参数是 position，表示需要修改的元素的索引；第二个参数是 NewItem，表示修改后的值

该方法的实现思路跟普通链表一模一样，所以就不讲解具体的实现思路了，直接来看代码吧

function DoubleLinkedList() {

//属性

this.head = null

this.tail = null

this.length = 0

//元素的构造函数

function Node(item) {

this.item = item

this.next = null

this.prev = null

}

//修改某位置上的元素

DoubleLinkedList.prototype.update = function (position, item) {

// 1.判断是否越界

if(position < 0 || position >= this.length) {

return false

}

let index = 0

let current = this.head

// 2.遍历双向链表，直到找到对应位置上的元素

while (index < position) {

index ++

current = current.next

}

// 3.修改position索引位置上的元素的值

current.item = item

return true

}

}

我们来使用一下该方法

let dl = new DoubleLinkedList()

dl.append(‘C++’)

dl.append(‘js’)

dl.append(‘python’)

此时的链表是这样的

现在调用一下 update()方法，修改索引位置为 2 的元素的值

dl.update(2, ‘java’)

此时的链表是这样的

（8）实现removeAt()方法

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-jfLCtOoS-1710706831132)]
[外链图片转存中…(img-FmVmqYJw-1710706831133)]
[外链图片转存中…(img-48WBDVlE-1710706831134)]
[外链图片转存中…(img-9HJYjZID-1710706831134)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-zElTKXai-1710706831135)]

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】