链表相较于数组的优缺点

1. 链表在 插入、删除、移动数据效率比数组要高,数组插入、移动、删除数据需要改变没有数据的索引,而链表则只需要更改指针即可

2. 在查询方面,数组要优于链表,数组存储的数据是连续的,可以直接通过位置信息读取到数据,而链表则需要通过遍历的方式找到对应的指针

3. 灵活性方面,传统的数组是需要固定长度的,而链表则可以是任意长度

备注:JavaScript中会根据实际情况,将数组转换为 快数组或者慢数组(掘金的文章:https://juejin.cn/post/6844903943638794248#heading-0

链表图解:

链表实现(实现了循环链表、双向链表、单项链表):

// 创建链表
class Node {
constructor(element) {
this.element = element
this.next = null
// 实现双向链表指针
this.prev = null
}
}
class SingleList {
constructor() {
this.size = 0
this.head = null
this.tail = this.head
} // 在尾部添加元素
append(element) {
const newNode = new Node(element)
// 实现循环链表(其实就是将最后一个元素的指针指向 head)
// newNode.next = this.head
if (!this.head) {
this.head = newNode
} else {
this.tail.next = newNode
newNode.prev = this.tail
} this.tail = newNode
this.size++
}
  // 对 size 进行缓存,获取长度的时候直接返回即可
getLength() {
return this.size
} find(element) {
let _elm = this.head
let i = 0
// while(_elm) {} 因为实现了循环链表,_elm不可能为空
while (i < this.size) {
if (_elm.element === element) {
return _elm
} _elm = _elm.next
i++
} return null
}
// 删除指定元素
remove(element) {
const _delItem = this.find(element) if(!_delItem) {
return false
}
    // 通过改变指针选项实现
const _oldNext = _delItem.next
const prev = _delItem.prev
prev.next = _oldNext return true
}
  // 或者最后一个元素,this.tail 已经进行缓存,故直接返回即可
findLast() { return this.tail } insert(newItem, posItem) {
if (posItem) {
const pos = this.find(posItem)
if (!pos) {
return false
}
       // 通过改变指针指向实现插入元素
const oldNext = pos.next
const newNext = new Node(newItem)
newNext.prev = pos
newNext.next = oldNext
pos.next = newNext
} else {
this.append(newItem)
}
}
}

  

链表拓展算法:

1. 链表反转

function reverse(head) {
let _newHead = null while(head) {
const tmp = head.next
head.next = _newHead
_newHead = head
head = tmp
} return _newHead
} // 模拟一个链表格式
const head = {"element":1,"next":{"element":2,"next":{"element":3,"next":null}}}
reverse(head)
// 分析一波:
// 第一次while(head = {"element":1,"next":{"element":2,"next":{"element":3,"next":null}}}):
// const tmp = head.next // tmp -> {"element":2,"next":{"element":3,"next":null}}
// head.next = _newHead // head -> {"element":1,"next": null }
// _newHead = head // _newHead -> {"element":1,"next": null }
// head = tmp // head -> {"element":2,"next":{"element":3,"next":null}} // 第二次while(head = {"element":2,"next":{"element":3,"next":null}}):
// const tmp = head.next // tmp -> {"element":3,"next":null}
// head.next = _newHead // head -> {"element":2,"next": {"element":1,"next": null }}
// _newHead = head // _newHead -> {"element":2,"next": {"element":1,"next": null }}
// head = tmp // head -> {"element":3,"next":null} // 第三次while(head = {"element":3,"next":null}):
// const tmp = head.next // tmp -> null
// head.next = _newHead // head -> {"element":3,"next":{"element":2,"next": {"element":1,"next": null }}}
// _newHead = head // _newHead -> {"element":3,"next":{"element":2,"next": {"element":1,"next": null }}}
// head = tmp // head -> null

  

2. 判断是否为回文链表

备注:这里使用 快慢指针 的方式实现 时间复杂度O(n),空间复杂度O(1),也可以先将链表转为数组实现,时间复杂度O(n) 空间复杂度O(n)

// 判断是否是 回文链表
function isPalindrome(head) {
if(!head || !head.next) {
return true
}
let fast = head;
let slow = head;
let prev;
while (fast && fast.next) {
prev = slow;
slow = slow.next;
fast = fast.next.next;
}
// 断开链表
prev.next = null // 翻转后半段链表
let head2 = null
while(slow) {
const tmp = slow.next
slow.next = head2
head2 = slow
slow = tmp
} // 对比
while(head && head2) {
if(head.element !== head2.element) {
return false
}
head = head.next
head2 = head2.next
} return true
}

  

JavaScript数据结构之链表的更多相关文章

  1. 学习javascript数据结构(二)——链表

    前言 人生总是直向前行走,从不留下什么. 原文地址:学习javascript数据结构(二)--链表 博主博客地址:Damonare的个人博客 正文 链表简介 上一篇博客-学习javascript数据结 ...

  2. JavaScript数据结构-7.链表

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. 学习javascript数据结构(三)——集合

    前言 总括: 本文讲解了数据结构中的[集合]概念,并使用javascript实现了集合. 原文博客地址:学习javascript数据结构(三)--集合 知乎专栏&&简书专题:前端进击者 ...

  4. 学习javascript数据结构(四)——树

    前言 总括: 本文讲解了数据结构中的[树]的概念,尽可能通俗易懂的解释树这种数据结构的概念,使用javascript实现了树,如有纰漏,欢迎批评指正. 原文博客地址:学习javascript数据结构( ...

  5. JavaScript数据结构——链表

    链表:存储有序的元素集合,但不同于数组,链表中的元素在内存中不是连续放置的.每个元素由一个存储元素本身的节点和一个指向下一个元素的引用(也称指针或链接)组成. 好处:可以添加或移除任意项,它会按需扩容 ...

  6. 为什么我要放弃javaScript数据结构与算法(第五章)—— 链表

    这一章你将会学会如何实现和使用链表这种动态的数据结构,这意味着我们可以从中任意添加或移除项,它会按需进行扩张. 本章内容 链表数据结构 向链表添加元素 从链表移除元素 使用 LinkedList 类 ...

  7. JavaScript数据结构与算法-链表练习

    链表的实现 一. 单向链表 // Node类 function Node (element) { this.element = element; this.next = null; } // Link ...

  8. 重读《学习JavaScript数据结构与算法-第三版》- 第6章 链表(一)

    定场诗 伤情最是晚凉天,憔悴厮人不堪言: 邀酒摧肠三杯醉.寻香惊梦五更寒. 钗头凤斜卿有泪,荼蘼花了我无缘: 小楼寂寞新雨月.也难如钩也难圆. 前言 本章为重读<学习JavaScript数据结构 ...

  9. JavaScript 数据结构与算法之美 - 线性表(数组、栈、队列、链表)

    前言 基础知识就像是一座大楼的地基,它决定了我们的技术高度. 我们应该多掌握一些可移值的技术或者再过十几年应该都不会过时的技术,数据结构与算法就是其中之一. 栈.队列.链表.堆 是数据结构与算法中的基 ...

随机推荐

  1. 【LeetCode】189. Rotate Array 解题报告(Python)

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 切片 递归 日期 题目地址:https://leet ...

  2. 【剑指Offer】树的子结构 解题报告(Python)

    [剑指Offer]树的子结构 解题报告(Python) 标签(空格分隔): LeetCode 题目地址:https://www.nowcoder.com/ta/coding-interviews 题目 ...

  3. 【Java笔记】applet和html注意

    1.首先记得extends Applet 泪目 2.如果不分包,HTML可以写 <applet code="HelloWorldApplet.class" width=150 ...

  4. node.js安装及环境配置超详细教程【Windows系统安装包方式】

    文章目录 Step1:下载安装包 Step2:安装程序 Step3:查看 Step4:环境配置 最后补充: Step1:下载安装包 https://nodejs.org/zh-cn/download/ ...

  5. Java基础周测试(一)详解

    一.单选题 (题数:30,共 150.0 分) 1.下列选项不可作为Java语言变量名的是(    ).(5.0分) A.a1            B.$1           C._1       ...

  6. Spring5源码解析_IOC之容器的基本实现

    前言: 在分析源码之前,我们简单回顾一下SPring核心功能的简单使用: 容器的基本用法 Bean是Spring最核心的东西,Spring就像是一个大水桶,而Bean就是水桶中的水,水桶脱离了水就没有 ...

  7. Kibana_X-Pack管理Elasticsearch权限

    在Kibana上面配置权限,验证对Elasticsearch权限控制, 主要步骤如下: 1.创建角色 2.创建用户,并且赋予用户角色 3.用户登陆,验证没有权限 4.赋予角色权限 5.用户登陆,验证拥 ...

  8. centos6.5搭建Apache-虚拟主机

    一.配置基于域名的虚拟用户 1.创建虚拟用户的网页根目录 cd /usr/local/httpd/htdocs/ mkdir benetcom cd benetcom echo "<h ...

  9. Dom 键盘事件以及实战案例

    键盘事件 //键盘操作 //1.某键盘按下执行的操作 document是对文档进行触发 document.onkeyup = function(){ console.log('你好') } docum ...

  10. CAP 6.0 版本发布通告 - 支持 OpenTelemetry

    前言 今天,我们很高兴宣布 CAP 发布 6.0 版本正式版,在这个版本中,我们主要致力于对 OpenTelemetry 提供支持,以及更好的适配 .NET 6. 那么,接下来我们具体看一下吧. 总览 ...