当前位置: 首页 > news >正文

[ JavaScript ] 数据结构与算法 —— 链表

本篇主要有三部分

  • 什么是链表
  • 链表的实现
  • 链表的变种

源码地址:https://github.com/yhtx1997/S...

另外,今天2019年2月18日上午发现 2048-vue 版,代码版本不对,且最新版本遗失,无奈只得重新修复了下
2048-vue地址: https://github.com/yhtx1997/S...

什么是链表

链表存储有序的元素集合,但不同于数组,链表中的元素在内存中并不是连续放置的。每个
元素由一个存储元素本身的节点和一个指向下一个元素的引用(也称指针或链接)组成。
相对于传统的数组,链表的一个好处在于,添加或移除元素的时候不需要移动其他元素。然
而,链表需要使用指针,因此实现链表时需要额外注意。数组的另一个细节是可以直接访问任何
位置的任何元素,而要想访问链表中间的一个元素,需要从起点(表头)开始迭代列表直到找到
所需的元素。
如下图:
1.png
注:其中 00 06 10 12 18 为假定在内存中的地址

我将已经做好的链表存入数据,然后在控制台打印出来是这样的:
TIM截图20190218164943.png

它看起来就像是这样的,一层套一层

0.png

其实应该是下面这样,类似于栓狗的铁链

3.png

链表的实现

链表功能

  • 添加元素
  • 获取指定位置元素
  • 在指定位置插入元素
  • 移除指定位置的元素
  • 返回指定元素的位置
  • 移除指定元素
  • 是否为空
  • 长度
  • 获取表头
  • 清空链表
  • 转换为字符串输出
// 链表元素
class Node {
    constructor(element) {
        this.element = element; // 元素
        this.next = undefined; // 指向下一个元素
    }
}
class LinkedList {
    // 构造函数声明一些全局变量
    constructor(){
        this.count = 0; // 长度
        this.head = undefined; // 第一个元素
    }
    // 添加元素
    push(element) {
        
    }
    // 获取指定位置元素
    getElementAt(index) {
        
    }
    // 在指定位置插入元素
    insert(element, index) {
        
    }
    // 移除指定位置的元素
    removeAt(index) {
    
    }
    // 返回指定元素的位置
    indexOf(element) {
        
    }
    // 移除指定元素
    remove(element) {
        
    }
    // 是否为空
    isEmpty() {
        
    }
    // 长度
    size() {
        
    }
    // 获取表头
    getHead() {
       
    }
    // 清空链表
    clear() {
        
    }
    // 转换为字符串输出
    toString() {
        
    }
}

代码实现

class LinkedList {
    // 构造函数声明一些全局变量
    constructor(){
        this.count = 0; // 长度
        this.head = undefined; // 第一个元素
    }
    // 添加元素
    push(element) {
        const node = new Node(element);
        if (this.head === undefined) {
            this.head = node;
        } else {
            let current = this.head;
            while (current.next !== undefined) {
                current = current.next;
            }
            current.next = node;
        }
        this.count++;
    }
    // 获取指定位置元素
    getElementAt(index) {
        // 判断不是空链表
        if (this.isEmpty() || index > this.count || index < 0) { 
            // 非空才能继续处理
            // 判断不大于最大长度,不小于最小长度(0)
            return undefined;
        }
        // 循环找到元素
        let current = this.head;
        for (let i = 0; i < index; i++){
            current = current.next;
        }
        return current;// 返回找到的元素
    }
    // 在指定位置插入元素
    insert(element, index) {
        // 创建一个元素
        let current = new Node(element);
        // 首先确定是不是在首位置插入
        if (index === 0){
            current.next = this.head;
            this.head = current;
        } else {
            // 找到指定位置前一个元素
            let previous = this.getElementAt(index - 1);
            // 将前一个元素的 next 赋值给插入元素的 next
            current.next = previous.next;
            // 将插入元素的 node 赋值给前一个元素的 next
            previous.next = current;
        }
        this.count++;
    }
    // 移除指定位置的元素
    removeAt(index) {
        let current = this.head;
        if (index === 0){
            this.head = current.next;
        } else {
            // 找到这个元素和这个元素之前的元素
            let previous = this.getElementAt(index - 1);
            current = previous.next;
            // 将这个元素的 next 赋值给这个元素之前元素的 next
            previous.next = current.next;
        }
        this.count--;
        // 返回要移除的元素
        return current.element;
    }
    // 返回指定元素的位置
    indexOf(element) {
        // 从头开始找
        let current = this.head;
        // 不超过最大长度
        for (let i = 0; i < this.size() && current != null; i++){
            if (current.element === element){ // 找到相等的就返回下标
                return i;
            }
            current = current.next;
        }
        return -1;
    }
    // 移除指定元素
    remove(element) {
        // 获取指定元素位置
        let index = this.indexOf(element);
        // 移除指定位置元素
        return this.removeAt(index);
    }
    // 是否为空
    isEmpty() {
        return this.size() === 0;
    }
    // 长度
    size() {
        return this.count;
    }
    // 获取表头
    getHead() {
        return this.head;
    }
    // 清空链表
    clear() {
        this.head = undefined;
        this.count = 0;
    }
    // 转换为字符串输出
    toString() {
        if (this.head == null) {
            return '';
        }
        let objString = `${this.head.element}`;
        let current = this.head.next;
        for (let i = 1; i < this.size() && current != null; i++) {
            objString = `${objString},${current.element}`;
            current = current.next;
        }
        return objString;
    }
}
let a = new LinkedList();
a.push('a');
a.push('b');
a.push('c');
a.push('d');
a.push('e');
a.push('f');
a.push('h');
a.push('i');
a.push('j');
a.push('k');
a.push('l');
a.push('m');
a.push('n');
a.push('o');
a.push('p');
a.push('q');
a.remove('a');
a.insert('a',1);
console.log(a);

插入元素图解:

现在有狗链两节,我要在中间加一节

4.png

先把两节分开,

5.png

然后把前边的尾部与要加的头部相连,然后把要加的尾部与后边的头部相连

0 连 xx , xx 连 1

6.png

链表的变种

双向链表

我们已经知道链表的每个元素由一个存储元素本身的节点和一个指向下一个元素的引用(也称指针或链接)组成,双向链表除了这个基本特性,每个元素还包含一个指向前一个元素的引用,如图所示:

TIM截图20190219171236.png

循环链表

循环链表就是链表的最后一个指向下一个元素的引用指向了第一个元素,使其成为循环链表

双向循环链表

双向循环链表就是双向链表的第一个元素指向前一个的引用指向了最后一个元素,而最后一个元素指向下一个元素的引用指向了第一个元素,如图所示:
TIM截图20190219171514.png

相关文章:

  • [Redis]Redis的数据类型
  • Leetcode题目:Balanced Binary Tree
  • 我是如何设计 Upload 上传组件的
  • 团队项目第一阶段冲刺站立会议6(4月23日)
  • You must use the Role Management Tool to install or configure Microsoft .NET Framework 3.5 SP1
  • 云HBase Spark分析引擎对接云数据库POLARDB
  • Hive基本操作
  • IDEA之配置svn
  • iPhone6 Plus、iPhone6、iPhone5S和之前版本真实分辨率
  • 云计算读书笔记(四)
  • python调用百度AI提取图片文字
  • 利用新浪微博API的Search接口做微博锐推榜
  • java中的多线程你只要看这一篇就够了
  • 查看Linux版本信息
  • Android 插件化原理-好文收集(陆续中。。。)
  • 「译」Node.js Streams 基础
  • HTTP那些事
  • JavaScript DOM 10 - 滚动
  • LeetCode算法系列_0891_子序列宽度之和
  • Linux学习笔记6-使用fdisk进行磁盘管理
  • nginx 负载服务器优化
  • windows-nginx-https-本地配置
  • 从setTimeout-setInterval看JS线程
  • 订阅Forge Viewer所有的事件
  • 二维平面内的碰撞检测【一】
  • 关于extract.autodesk.io的一些说明
  • 简单数学运算程序(不定期更新)
  • 开放才能进步!Angular和Wijmo一起走过的日子
  • 漂亮刷新控件-iOS
  • 学习JavaScript数据结构与算法 — 树
  • 用jQuery怎么做到前后端分离
  • 源码之下无秘密 ── 做最好的 Netty 源码分析教程
  • #微信小程序(布局、渲染层基础知识)
  • #我与Java虚拟机的故事#连载13:有这本书就够了
  • #我与Java虚拟机的故事#连载15:完整阅读的第一本技术书籍
  • %@ page import=%的用法
  • (14)目标检测_SSD训练代码基于pytorch搭建代码
  • (42)STM32——LCD显示屏实验笔记
  • (9)目标检测_SSD的原理
  • (C语言)求出1,2,5三个数不同个数组合为100的组合个数
  • (SpringBoot)第七章:SpringBoot日志文件
  • (二)换源+apt-get基础配置+搜狗拼音
  • (简单有案例)前端实现主题切换、动态换肤的两种简单方式
  • (三)终结任务
  • (五) 一起学 Unix 环境高级编程 (APUE) 之 进程环境
  • (五)关系数据库标准语言SQL
  • (转载)Linux 多线程条件变量同步
  • .net 4.0发布后不能正常显示图片问题
  • .NET 4.0中的泛型协变和反变
  • .Net Attribute详解(上)-Attribute本质以及一个简单示例
  • .NET Core MongoDB数据仓储和工作单元模式封装
  • .NET/C# 解压 Zip 文件时出现异常:System.IO.InvalidDataException: 找不到中央目录结尾记录。
  • .NET的数据绑定
  • .net和jar包windows服务部署
  • @ 代码随想录算法训练营第8周(C语言)|Day57(动态规划)