数据结构TypeScript之栈和队列详解

 更新时间:2023年01月30日 10:01:30   作者:前端技术獭  
这篇文章主要介绍了数据结构TypeScript之栈和队列详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

栈结构特点

线性表的其中一种,用于存储固定顺序的元素元素增删具有先进后出的特点。

出栈和入栈

在JavaScript中可以利用数组的pop()push()方法可以实现出栈入栈。操作如下:

let a = [1, 2, 3, 4, 5]
a.pop() // 出栈操作
console.log(a) // [1,2,3,4]
a.push(6) // 入栈操作
console.log(a)// [1,2,3,4,6]

面向对象方法封装栈

基于pop()push()数组方法。方法设计如下:

pop(): any:若栈不为空,将栈顶元素推出栈。

push(element: any): Stack:将元素推入栈里。

isEmpty(): boolean:判断栈是否为空。

class Stack {
    length: number
    stack: any[]
    constructor() {
        this.length = 0
        this.stack = []
    }
    pop(): any {
        if (this.isEmpty()) {
            throw new Error('Stack is empty.')
        } else {
            return this.length-- && this.stack.pop()
        }
    }
    push(element: any): Stack {
        this.stack.push(element) && this.length++
        return this
    }
    isEmpty(): boolean {
        return this.length === 0
    }
}

队列结构特点

队列线性表的其中一种,用于存储固定顺序的元素元素增删具有先进先出的特点。

出队和入队

在JavaScript中利用数组的shift()push()方法可以实现出队入队。操作如下:

let a = [1, 2, 3, 4, 5]
a.shift() // 出队操作
console.log(a) // [2, 3, 4, 5]
a.push(6) // 入队操作
console.log(a)// [2,3,4,5, 6]

面向对象方法封装队列

基于shift()push()数组方法。方法设计如下:

dequeue(): any:若队列不为空,将队列首元素推出队列。

enqueue(element: any): Queue:将元素推入队列里。

isEmpty(): boolean:判断队列是否为空。

class Queue {
    length: number
    queue: any[]
    constructor() {
        this.length = 0
        this.queue = []
    }
    dequeue(): any {
        if (this.isEmpty()) {
            throw new Error('Queue is empty.')
        } else {
            return this.length-- && this.queue.shift()
        }
    }
    enqueue(element: any): Queue {
        this.queue.push(element) && this.length++
        return this
    }
    isEmpty(): boolean {
        return this.length === 0
    }
}

本文相关代码已放置我的Github仓库 👇

项目地址:

Algorithmlib|Stack

Algorithmlib|Queue

以上就是数据结构TypeScript之栈和队列详解的详细内容,更多关于TypeScript数据结构栈和队列的资料请关注脚本之家其它相关文章!

相关文章

  • js库Modernizr的介绍和使用

    js库Modernizr的介绍和使用

    Modernizr是一个开源的JS库,它使得那些基于访客浏览器的不同(指对新标准支持性的差异)而开发不同级别体验的设计师的工作变得更为简单
    2015-05-05
  • JavaScript可视化图表库D3.js API中文参考

    JavaScript可视化图表库D3.js API中文参考

    这篇文章主要介绍了JavaScript可视化图表库D3.js API中文参考,本文对常用的API给出一中文翻译,需要的朋友可以参考下
    2015-01-01
  • TypeScript中的递归类型示例解析

    TypeScript中的递归类型示例解析

    这篇文章主要为大家介绍了TypeScript中的递归类型示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • FastAdmin表单验证data-rule插件—Nice-validator的使用方法

    FastAdmin表单验证data-rule插件—Nice-validator的使用方法

    FastAdmin的表单验证data-rule非常方便,也很炫酷,采用的Nice-validator是一款非常强大的表单验证插件,通过简单在元素上配置规则,即可达到验证的效果,怎么使用Nice-validator插件呢
    2023-09-09
  • layui中的layer弹出层自定义样式更改背景

    layui中的layer弹出层自定义样式更改背景

    layui中的layer弹出层有很多提示框,但是我们使用最多的应该就几种,layer.msg、layer.alert、layer.open、layer.load等。layer 有内置的skin:layui-layer-lan,layui-layer-molv,可以直接使用。skin不仅允许你传入layer内置的样式class名,可以自定义class名。
    2023-06-06
  • require.js使用方法的简单代码讲解笔记

    require.js使用方法的简单代码讲解笔记

    页面需要加载多个js文件时,加载时浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;由于js文件之间存在依赖关系,必须严格保证加载顺序,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。这种情况下require.js插件应运而生。
    2022-12-12
  • TypeScript学习轻松玩转类型操作

    TypeScript学习轻松玩转类型操作

    这篇文章主要为大家介绍了TypeScript学习轻松玩转类型操作,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • Underscore.js常用方法总结

    Underscore.js常用方法总结

    这篇文章主要介绍了Underscore.js常用方法总结,本文讲解了Underscore.js概述、在node.js下安装、与集合有关的方法、与对象有关的方法、与函数相关的方法等内容,需要的朋友可以参考下
    2015-02-02
  • 浅谈Sizzle的“编译原理”

    浅谈Sizzle的“编译原理”

    正在学习Sizzle源码或有一定前端基础的同学们,可以一边看源码一边看这些文章进行验证,所以虽然我会分析源码中的正则表达式,有大量的注释,但不会讲正则表达式的基本用法!
    2015-04-04
  • TypeScript前端上传文件到MinIO示例详解

    TypeScript前端上传文件到MinIO示例详解

    这篇文章主要为大家介绍了TypeScript前端上传文件到MinIO示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10

最新评论