【TypeScript】常见数据结构与算法（二）：链表

顽皮宝2023-11-25 12:29

文章目录

链表结构（LinkedList）

链表以及数组的缺点

  • 链表和数组一样，可以用于存储一系列的元素，但是链表和数组的实现机制完全不同。
  • 这一章中，我们就来学习一下另外一种非常常见的用于存储数据的线性结构:链表。
数组
  • 要存储多个元素，数组(或称为链表)可能是最常用的数据结构。
  • 我们之前说过，几乎每一种编程语言都有默认实现数组结构。

但是数组也有很多缺点

  • 数组的创建通常需要申请一段连续的内存空间(一整块的内存)，并且大小是固定的(大多数编程语言数组都是固定的)，所以当当前数组不能满足容量需求时，需要扩容。(一般情况下是申请一个更大的数组，比如2倍。然后将原数组中的元素复制过去
  • 而且在数组开头或中间位置插入数据的成本很高，需要进行大量元素的位移。
  • 尽管JavaScript的Array底层可以帮我们做这些事，但背后的原理依然是这样。
链表的优势

要存储多个元素，另外一个选择就是链表

但不同于数组，链表中的元素在内存中不必是连续的空间。

  • 链表的每个元素有一个存储元素本身的节点和一个指向下一个元素的引用（有些语言称为指针或者链接）组成。

相对于数组，链表的优势：

  • 内存空间不是必须连续的。

    √可以充分利用计算机的内存，实现灵活的内存动态管理。

  • 链表不必再创建时就确定大小，并且大小可以无限的延伸下去。

  • 链表在插入和删除数据时，时间复杂度可以达到O(1)

    √相对数组效率高很多

相对数组，链表的缺点:

  • 链表访问任何一个位置的元素时，都要从头开始访问。（无法跳过第一个元素访问任何一个元素）。
  • 无法通过下标直接访问元素，需要从头一个个访问，直到找到对应元素。

什么是链表?

  • 其实上面我们已经简单的提过了链表的结构，我们这里更加详细的分析一下。
  • 链表类似于火车:有一个火车头，火车头会连接一个节点，节点上有乘客(类似于数据)，并且这个节点会连接下一个节点，以此类推。

封装链表相关方法

我们先来认识一下，链表中应该有哪些常见的操作
append(element):向链表尾部添加一个新的项
insert(position，element):向链表的特定位置插入一个新的项。

get(position):获取对应位置的元素

indexOf(element):返回元素在链表中的索引。如果链表中没有该元素则返回-1。
update(position，element):修改某个位置的元素
removeAt(position):从链表的特定位置移除一项。

remove(element):从链表中移除一项。
isEmpty():如果链表中不包含任何元素，返回true，如果链表长度大于0则返回false。
size():返回链表包含的元素个数。与数组的length属性类似。

源码

typescript 复制代码 
// 1.创建Node节点类
class Node<T> {
  value: T;
  next: Node<T> | null = null;
  constructor(value: T) {
    this.value = value;
  }
}

// 2.创建LinkedList的类
class LinkedList<T> {
  private head: Node<T> | null = null;
  private size: number = 0;

  get length() {
    return this.size;
  }
  // 封装私有方法
  // 根绝positon获取当前的节点（不是节点的value，而是获取节点)
  private getNode(position: number): Node<T> | null {
    let index = 0;
    let current = this.head;
    while (index++ < position && current) {
      current = current.next;
    }
    return current;
  }

  // 追加节点
  append(value: T) {
    // 1.根据value新建一个Node节点
    const newNode = new Node(value);
    // 2.
    if (!this.head) {
      this.head = newNode;
    } else {
      let current = this.head;
      while (current.next) {
        current = current.next;
      }
      // current肯定指向最后一个节点
      current.next = newNode;
    }
    // 3.size++
    this.size++;
  }

  // 遍历链表的方法
  traverse() {
    const values: T[] = [];
    let current = this.head;
    while (current) {
      values.push(current.value);
      current = current.next;
    }
    console.log(values.join(" -> "));
  }

  //链表插入元素的方法
  insert(value: T, position: number): boolean {
    // 1.越界判断
    if (position < 0 || position > this.size) return false;
    // 2.根据value创建新的节点
    const newNode = new Node(value);
    /* 3.判断
     * 是否插入头部
     * 否则就找到需要插入的位置，然后记录前一个节点和当前节点，在前一个节点的next等于newNode，newNode的next等于后一个节点
     */
    if (position === 0) {
      newNode.next = this.head;
      this.head = newNode;
    } else {
      const previous = this.getNode(position - 1);

      newNode.next = previous!.next;
      previous!.next = newNode;
    }
    this.size++;

    return true;
  }

  //链表插入元素的方法
  removeAt(position: number): T | null {
    // 1.越界判断
    if (position < 0 || position >= this.size) return null;

    let current = this.head;
    if (position === 0) {
      this.head = current?.next ?? null;
    } else {
      const previous = this.getNode(position - 1);
      previous!.next = previous?.next?.next ?? null;
    }
    this.size--;

    return current?.value ?? null;
  }

  // 获取方法
  get(position: number): T | null {
    if (position < 0 || position >= this.size) return null;

    return this.getNode(position)?.value ?? null;
  }
  // 更新方法
  update(value: T, position: number): boolean {
    if (position < 0 || position >= this.size) return false;
    const currentNode = this.getNode(position);
    currentNode!.value = value;
    return true;
  }
  // 根据值获取该值位置索引
  indexOf(value: T): number {
    let current = this.head;
    let index = 0;
    while (current) {
      if (current.value === value) {
        return index;
      }
      index++;
      current = current.next;
    }
    return -1;
  }

  // 删除方法，根据value删除
  remove(value: T): T | null {
    const index = this.indexOf(value);
    return this.removeAt(index);
  }

  // 判断单链表是否为空的方法
  isEmpty() {
    return this.size === 0;
  }
}

export {};
链表常见面试题
237-删除链表中的节点


解题

typescript 复制代码 
// Definition for singly-linked list.
class ListNode {
  val: number;
  next: ListNode | null;
  constructor(val?: number, next?: ListNode | null) {
    this.val = val === undefined ? 0 : val;
    this.next = next === undefined ? null : next;
  }
}

/**
 Do not return anything, modify it in-place instead.
 */
function deleteNode(node: ListNode | null): void {
  node!.val = node!.next!.val
  node!.next = node!.next!.next
}
206 - 反转链表
  • 用栈结构解决
typescript 复制代码 
function reverseList(head: ListNode | null): ListNode | null {
  if(head === null) return null
  if(head.next === null) return head


  const stack:ListNode[] = []
  let current:ListNode | null = head
  while(current) {
    stack.push(current)
    current = current.next
  }


  const newHead:ListNode = stack.pop()!
  let newHeadCurrent = newHead
  while(stack.length) {
    const node = stack.pop()!
    newHeadCurrent.next = node
    newHeadCurrent = newHeadCurrent.next
  }


  newHeadCurrent.next = null


  return newHead
};
  • 用非递归解题
typescript 复制代码 
function reverseList(head: ListNode | null): ListNode | null {
  if (head === null || head.next === null) return head;

  let newHead: ListNode | null = null;
  // 1.next = 2, 2.next = 3, 3.next = 4
  while (head) {
    // 让current指向下一个节点
    // 目的：保留下个节点的引用，可以拿到，并且不会销毁（current = 2)
    const current= head.next;
    // 改变head当前指向的节点，指向newHead
    // 这里反转链表对于第一节点来说，指向newHead就是null（1.next = null)
    head.next = newHead;
    // 让newhead指向head节点
    // 这里开始准备反转新的节点，目的是下一次遍历时，可以让下一个节点指向第一个节点（newHead = 1)
    newHead = head;
    // 让head指向下个节点也就是current(head = 2)
    head = current;
  }

  return newHead;
}
  • 用递归方案解题
typescript 复制代码 
function reverseList(head: ListNode | null): ListNode | null {
  // 递归停止条件，当递归到最后一个节点时停止
  if (head === null || head.next === null) return head;
  // 一直递归循环直到符合head === null 时停止递归
  // 那么拿到的就是链表倒数第二个节点
  const newHead = reverseList(head.next ?? null)
  // 反转链表，让最后一个节点指向head开始正式反转
  head.next.next = head
  // 让倒数第二个节点的next指向null
  head.next = null
  // 最后递归完了就是反转后的链表了
  return newHead
}

数组和链表的复杂度对比

接下来，我们使用大O表示法来对比一下数组和链表的时间复杂度:

  • 数组是一种连续的存储结构，通过下标可以直接访问数组中的任意元素。

  • 时间复杂度:对于数组，随机访问时间复杂度为o(1)，插入和删除操作时间复杂度为o(n)。

  • 空间复杂度:数组需要连续的存储空间，空间复杂度为o(n)。

  • 链表是一种链式存储结构，通过指针链接起来的节点组成，访问链表中元素需要从头结点开始遍历。

  • 时间复杂度:对于链表，随机访问时间复杂度为o(n)，插入和删除操作时间复杂度为o(1)。

  • 空间复杂度:链表需要为每个节点分配存储空间，空间复杂度为O(n)。

  • 在实际开发中，选择使用数组还是链表需要根据具体应用场景来决定。

  • 如果数据量不大，且需要频繁随机访问元素，使用数组可能会更好。

  • 如果数据量大，或者需要频繁插入和删除元素，使用链表可能会更好。

相关推荐
我要出家当道士5 分钟前
Nginx单向链表 ngx_list_t
数据结构·nginx·链表·c
王小王和他的小伙伴22 分钟前
解决 vue3 中 echarts图表在el-dialog中显示问题
javascript·vue.js·echarts
学前端的小朱25 分钟前
处理字体图标、js、html及其他资源
开发语言·javascript·webpack·html·打包工具
outstanding木槿31 分钟前
react+antd的Table组件编辑单元格
前端·javascript·react.js·前端框架
好名字08211 小时前
前端取Content-Disposition中的filename字段与解码(vue)
前端·javascript·vue.js·前端框架
摇光931 小时前
js高阶-async与事件循环
开发语言·javascript·事件循环·宏任务·微任务
胡西风_foxww2 小时前
【ES6复习笔记】Class类（15）
javascript·笔记·es6·继承·类·class·静态成员
布兰妮甜2 小时前
使用 WebRTC 进行实时通信
javascript·webrtc·实时通信
艾斯特_2 小时前
JavaScript甘特图 dhtmlx-gantt
前端·javascript·甘特图
飞翔的渴望2 小时前
react18与react17有哪些区别
前端·javascript·react.js
热门推荐
0119个Web前端交互式3D JavaScript框架和库02ARM学习（31）编译器对overlay方式的支持03玄机平台应急响应—webshell查杀04RAG 实践- Ollama+RagFlow 部署本地知识库05【一文读懂】NTN（非地面网络）技术介绍06(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明07Ubuntu 20.04使用Livox mid 360 测试 FAST_LIO08组基轨迹建模 GBTM的介绍与实现（Stata 或 R）09Docker 夺命连环 15 问10大模型国产化适配7-华为昇腾LLM落地可选解决方案（MindFormers、ModelLink、MindIE）