JavaScript单向链表（ES6）

关键词：链表 单向链表 JavaScript实现单向链表 数据结构与算法

创刊号

在前端领域摸爬打滚了几年了，自认为前端知识有点积累了，后端知识也涉猎，但是离大神还是有差距的。很多积累知识点都用云笔记记录的，现在打算慢慢的网掘金上迁移。一是希望能通过整理这些知识点，让自己更加系统化的理解这些知识。二是希望某些知识点能帮忙到大家。 好了废话不多说，现在开始进入今天主题《单向链表》。

一、什么是单向链表？

单向链表（单链表）是链表的一种，其特点是链表的链接方向是单向的，对链表的访问要通过顺序读取从头部开始；链表是使用指针进行构造的列表。单向链表的结构如图。

二、单向链表的实现？

从链表的结构图我们可以看到，链表包含种数据结构一个是节点（Node），一个是用节点组成的链表NodeList。

我们先来看下Node的数据结构，它需要存储节点数据的字段（data）和一个字段（next）指向下一个节点，如果是双向链接的话还需要一个字段指向上一个节点（prev）。具体数据结构如下：

class Node {  // 链表节点
  constructor(data) {
    this.data = data;   // 节点数据
    this.next = null;   // 下一个节点的指针
  }
}
复制代码

看完节点我们再来看下链表的数据结构。

在链表初始化的时候，我们初始化了一个head节点。当然也可以在insert的时候去进行初始化这个head节点

class NodeList {   //  链表
  constructor(item) {
    this.head = new Node(item);   //  初始化链表的头节点
  }
 }
复制代码

一个完整的链表实现需要实现以下功能：

查找

• 查找元素的对应的节点

从链表的头节点开始查找，比对每一个节点的值，当前节点的值不是我们需要查找的值时，就去查找下一个节点，直到找到改元素

/**
 * @description 查找元素的节点
 * @param {查找的元素} item 
 */
find(item) { //  根据元素查找节点
  let currNode = this.head;
  while (currNode && currNode.element !== item) {
    if (currNode.next) {
      currNode = currNode.next;
    } else {
      currNode = null;
    }
  }
  return currNode;
}
复制代码

• 查找最后一个节点

从链表的头节点开始查找，看看节点的next有没有值，有就继续查找下一个节点，直到节点的next没有值。则是最后一个元素

/**
 * @description 查找最后一个节点
 */
findLastNode() {
  let currNode = this.head;
  while (currNode.next) {
    currNode = currNode.next;
  }
  return currNode;
}
复制代码

• 查找元素的前一节点

从链表的头节点开始查找，比对每一个节点next节点的值，当next节点的值不是我们需要查找的值时，就去查找下一个节点

/**
 * @description 查找元素的前一节点
 * @param {查找的元素} item 
 */
findPreNode(item) {
  let currNode = this.head;
  while (currNode && currNode.next && currNode.next.element !== item) {
    if (currNode.next) {
      currNode = currNode.next;
    } else {
      currNode = null;
    }
  }
  return currNode;
}
复制代码

插入

插入包含两个参数。第一个需要插入的元素。第二个是可以参数，需要插入到某个元素的后面，当这个参数为传值时，我们默认插入到链表的最后面

/**
 * @description 插入元素
 * @param {需要插入的元素} newItem 
 * @param {插入到某一元素之后} beforeItem 
 */
insertInNext(newItem, beforeItem) { 
  let newNode = new Node(newItem);
  if (beforeItem) { //  判读是否是插入到指定节点后面，如果不是则插入到最后一个节点。
    let currNode = this.find(beforeItem);
    newNode.next = currNode.next;
    currNode.next = newNode;
  } else {
    let lastNode = this.findLastNode();
    lastNode.next = newNode;
  }
}
复制代码

删除

先查找的元素的前一节点，然后根据前一节点的next指向，当前元素节点的next

/**
 * @description 删除元素
 * @param {删除的元素} newItem 
 */
remove(item) {
  let preNode = this.findPreNode(item);  //  找到前一节点，将前一节点的next指向该节点的next
  if (preNode.next != null) {
    preNode.next = preNode.next.next;
  }
}
复制代码

源码链接：github.com/CC-Cai/JueJ…