JavaScript中链表的详细介绍

本篇文章给大家带来的内容是关于javascript中链表的详细介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

链表和数组

大家都用过js中的数组,数组其实是一种线性表的顺序存储结构,它的特点是用一组地址连续的存储单元依次存储数据元素。而它的缺点也正是其特点而造成,比如对数组做删除或者插入的时候,可能需要移动大量的元素。

这里大致模拟一下数组的插入操作:

    insert(arr, index, data){        for(let i = index + 1; i < arr.length; i++){            arr[i] = arr[i - 1];        }        arr[index] = data;    }

登录后复制

从上面的代码可以看出数组的插入以及删除都有可能会是一个O(n)的操作。从而就引出了链表这种数据结构,链表不要求逻辑上相邻的元素在物理位置上也相邻,因此它没有顺序存储结构所具有的缺点,当然它也失去了数组在一块连续空间内随机存取的优点。

立即学习“Java免费学习笔记(深入)”;

单向链表

557295227-5c273f96b5146_articlex.png

单向链表的特点:

用一组任意的内存空间去存储数据元素(这里的内存空间可以是连续的,也可以是不连续的)

每个节点(node)都由数据本身和一个指向后续节点的指针组成

整个链表的存取必须从头指针开始,头指针指向第一个节点

最后一个节点的指针指向空(NULL)

链表中的几个主要操作

创建节点

插入节点

搜索/遍历节点

删除节点

合并

初始化节点

指针指向空

存储数据

    class Node {        constructor(key) {            this.next = null;            this.key = key;        }    }

登录后复制

初始化单向链表

每个链表都有一个头指针,指向第一个节点,没节点则指向NULL

    class List {        constructor() {            this.head = null;        }    }

登录后复制

创建节点

    static createNode(key) {        return new createNode(key);    }

登录后复制

这里说明一下,这一块我是向外暴露了一个静态方法来创建节点,而并非直接把它封装进插入操作里去,因为我感觉这样的逻辑会更加正确一些。 从创建一个链表 -> 创建一个节点 -> 将节点插入进链表中。可能你会遇到一些文章介绍的方式是直接将一个数据作为参数去调用insert操作,在insert内部做了一个创建节点。

插入节点(插入到头节点之后)

插入操作只需要去调整节点的指针即可,两种情况:

head没有指向任何节点,说明当前插入的节点是第一个

head指向新节点

新节点的指针指向NULL

head有指向的节点

head指向新的节点

新节点的指针指向原本head所指向的节点

    insert(node) {        // 如果head有指向的节点        if(this.head){           node.next = this.head;        }else {           node.next = null;        }        this.head = node;    }

登录后复制

搜索节点

从head开始查找

找到节点中的key等于想要查找的key的时候,返回该节点

    find(key) {        let node = this.head;        while(node !== null && node.key !== key){            node = node.next;        }        return node;    }

登录后复制

删除节点

这里分三种情况:

所要删除的节点刚好是第一个,也就是head指向的节点

将head指向所要删除节点的下一个节点(node.next)

要删除的节点为最后一个节点

寻找到所要删除节点的上一个节点(prevNode)

将prevNode中的指针指向NULL

在列表中间删除某个节点

寻找到所要删除节点的上一个节点(prevNode)

将prevNode中的指针指向当前要删除的这个节点的下一个节点

    delete(node) {        // 第一种情况        if(node === this.head){            this.head = node.next;            return;        }                // 查找所要删除节点的上一个节点        let prevNode = this.head;        while (prevNode.next !== node) {            prevNode = prevNode.next;        }                // 第二种情况        if(node.next === null) {            prevNode.next = null;        }                // 第三种情况        if(node.next) {            prevNode.next = node.next;        }    }

登录后复制

单向链表整体的代码

class ListNode {  constructor(key) {    this.next = null;    this.key = key;  }}class List {  constructor() {    this.head = null;    this.length = 0;  }  static createNode(key) {    return new ListNode(key);  }  // 往头部插入数据  insert(node) {    // 如果head后面有指向的节点    if (this.head) {      node.next = this.head;    } else {      node.next = null;    }    this.head = node;    this.length++;  }  find(key) {    let node = this.head;    while (node !== null && node.key !== key) {      node = node.next;    }    return node;  }  delete(node) {    if (this.length === 0) {      throw 'node is undefined';    }    if (node === this.head) {      this.head = node.next;      this.length--;      return;    }    let prevNode = this.head;    while (prevNode.next !== node) {      prevNode = prevNode.next;    }    if (node.next === null) {      prevNode.next = null;    }    if (node.next) {      prevNode.next = node.next;    }    this.length--;  }}

登录后复制

双向链表

如果你把上面介绍的单向列表都看明白了,那么这里介绍的双向列表其实差不多。

3524714793-5c28579ab4e5f_articlex.png

2438733537-5c2857c485a86_articlex.png

从上面的图可以很清楚的看到双向链表和单向链表的区别。双向链表多了一个指向上一个节点的指针。

初始化节点

指向前一个节点的指针

指向后一个节点的指针

节点数据

    class ListNode {        this.prev = null;        this.next = null;        this.key = key;    }

登录后复制

初始化双向链表

头指针指向NULL

    class List {        constructor(){            this.head = null;        }    }

登录后复制

创建节点

    static createNode(key){        return new ListNode(key);    }

登录后复制

插入节点((插入到头节点之后)

看上图中head后面的第一个节点可以知道,该节点的prev指向NULL

节点的next指针指向后一个节点, 也就是当前头指针所指向的那个节点

如果head后有节点,那么原本head后的节点的prev指向新插入的这个节点(因为是双向的嘛)

最后将head指向新的节点

    insert(node) {        node.prev = null;        node.next = this.head;        if(this.head){            this.head.prev = node;        }        this.head = node;    }

登录后复制

搜索节点

这里和单向节点一样,就直接贴代码了

  search(key) {    let node = this.head;    while (node !== null && node.key !== key) {      node = node.next;    }    return node;  }

登录后复制

删除节点

和之前单向链表一样,分三种情况去看:

删除的是第一个节点

head指向所要删除节点的下一个节点

下一个节点的prev指针指向所要删除节点的上一个节点

删除的是中间的某个节点

所要删除的前一个节点的next指向所要删除的下一个节点

所要删除的下一个节点的prev指向所要删除的前一个节点

删除的是最后一个节点

要删除的节点的上一个节点的next指向null(也就是指向删除节点的next所指的地址)

3094154137-5c28605177ddf_articlex.png

    delete(node) {        const {prev,next} = node;        delete node.prev;        delete node.next;        if(node === this.head){            this.head = next;        }        if(next){            next.prev = prev;        }        if(prev){            prev.next = next;        }    }

登录后复制

双向链表整体代码

    class ListNode {  constructor(key) {    // 指向前一个节点    this.prev = null;    // 指向后一个节点    this.next = null;    // 节点的数据(或者用于查找的键)    this.key = key;  }}/** * 双向链表 */class List {  constructor() {    this.head = null;  }  static createNode(key) {    return new ListNode(key);  }  insert(node) {    node.prev = null;    node.next = this.head;    if (this.head) {      this.head.prev = node;    }    this.head = node;  }  search(key) {    let node = this.head;    while (node !== null && node.key !== key) {      node = node.next;    }    return node;  }  delete(node) {    const { prev, next } = node;    delete node.prev;    delete node.next;    if (node === this.head) {      this.head = next;    }    if (prev) {      prev.next = next;    }    if (next) {      next.prev = prev;    }  }}

登录后复制

总结

这里做一个小总结吧,可能有一部分人读到这里还不是特别的明白,我的建议是先好好看懂上面的单向链表。 其实只要你明白了链表的基础概念,就是有一个head,然后在有好多的节点(Node),然后用一个指针把他们串起来就好了,至于里面的插入操作也好,删除也好,其实都是在调整节点中指针的指向。

以上就是JavaScript中链表的详细介绍的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2734869.html

(0)
上一篇 2025年3月8日 01:10:01
下一篇 2025年2月22日 13:53:20

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论