链表相较于数组的优缺点

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】658. Find K Closest Elements 解题报告(Python)

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 题目地址: https://leetcode.com/problems/find-k-c ...

  2. 【LeetCode】806. Number of Lines To Write String 解题报告(Python)

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 使用ASIIC码求长度 使用字典保存长度 日期 题目 ...

  3. idea使用教程-Module的概念和使用

    一.IDEA页面展示 [1]项目下内容: ➢工程下的src类似于Eclipse下的src目录,用于存放代码.. ➢工程下的.idea 和TestProject.iml文件都是IDEA工程特有的.类似于 ...

  4. 为什么加密后的数据往往都是base64输出而不是hex16进制输出

    通常加密后的数据都是字节数组,比如流行的aes128对称加密,还有Rsa非对称加密,加密后得到了一个字节数组,这个字节数组存在内存中,往往我们需要输出得到我们人眼能看到的字符. 加密aes(xxx) ...

  5. Nginx 常用配置清单

    侦听端口: server {# Standard HTTP Protocollisten 80;# Standard HTTPS Protocollisten 443 ssl;# For http2l ...

  6. nginx -g "daemon off;" 你学废了吗?

    去年的时候写了一篇原创<前后端分离,如何在前端项目中动态插入后端API基地址?(in docker)>, 我自认为这篇生产实践是对大前端. 容器化.CI/CD的得意之作. 对于前后端分离的 ...

  7. c++—通讯录管理系统

    一.运用所学的结构体.地址指针等基础知识,完成通讯录管理系统 二.系统主要有以下6个功能: 1.添加联系人2.显示联系人 3.删除联系人 4.查找联系人5.修改联系人 6.清空联系人 1 #inclu ...

  8. Java实习生常规技术面试题每日十题Java基础(八)

    目录 1.解释内存中的栈(stack).堆(heap)和静态区(static area)的用法. 2.怎样将GB2312编码的字符串转换为ISO-8859-1编码的字符串? 3.运行时异常与受检异常有 ...

  9. 初识python: 小练习 之 笔记本电脑开机指定时间之后自动拍照并发送邮件

    需求: 1.调用笔记本的摄像头,拍摄笔记本面前的照片:2.将照片发送给指定邮箱:3.发送邮件,提醒我们电脑已经开机,并附上笔记本拍摄的照片. 面向过程: #!/user/bin env python ...

  10. react中prop-types的使用

    什么是prop-types?prop代表父组件传递过来的值,types代表类型.简单来说就是用来校验父组件传递过来值的类型 import PropTypes from 'prop-types'; To ...