美文网首页
js数据结构-栈

js数据结构-栈

作者: 陶雅阁 | 来源:发表于2018-12-29 14:45 被阅读0次

栈是一种遵循后进先出(LIFO)的数据结构,其总共就两个主要的操作,分别是push和pop。

屏幕快照 2018-12-28 下午2.54.16.png

看上面这张图可以大致的知道,栈的几个特点:

  • 初始化:

    • 有一块连续的存储空间
    • 栈顶
    • 栈的长度
  • push操作:

    • 向栈中添加新的元素
    • 栈顶向后挪动一个位置,指向最新的数据地址
    • 如果栈满了继续push的化,会抛出overflow的错误
  • pop操作:

    • 返回栈顶数据
    • 栈顶向前挪动一个位置,指向前一个数据地址
    • 如果栈中没有数据继续pop的话,会抛出underflow的错误

通过上面的几个特点,来看一看js如何用代码实现一个栈

    class Stack {
       /**
        * 初始化
        */
        constructor(max = 100) {
            // 存储空间
            this.data = new Array(max);
            // 栈在最初是化的时候里面没有任何数据,所以栈顶指向-1
            this.top = -1;
            // 栈空间的大小
            this.max = max;
        }
        
       /**
        * push操作
        */
        push(x) {
            if(this.top === this.max - 1){
                throw 'overflow';
            }
            // push一个新的数据,栈顶的指向也同时像后挪动一位,指向最新的数据地址
            this.top++;
            // 将新的数据添加进栈
            this.data[this.top] = x;
        }
        
       /**
        * pop操作
        */
        pop() {
            if(this.top === -1){
                throw 'underflow'
            }
            // 获得栈顶数据
            const x = this.data[this.top];
            this.top--;
            return x;
        }
        
       /**
        * 获取栈的长度
        */
        get length(){
            return this.top + 1
        }
    }

通过上面的代码演示,对于栈应该会有一个大致的了解,后面会继续介绍其他的数据结构,并且可能会介绍如何使用栈来实现其他的数据结构,以及数据结构的一些应用。
学习前端的同学可能对于数据结构和算法复杂度相对于其他语言的工程师会稍弱一些,但是这些对于一个向深入学习前端的来说还是非常重要。

最后如果文章有讲错或讲的不对的地方,请大家留言更正哈。

相关文章

  • 前端-算法1:栈、队列、链表

    栈 一个先进后出的数据结构JS中没有栈,用Array实现栈的功能进栈: push 出栈:pop栈的应用场景: 十进...

  • 1. 栈

    1. 栈简介(后进先出) 栈是一个后进先出的数据结构; JS 中没有栈,但是可以用 Array 实现栈中的所有的功...

  • javaScript引用类型之Array

    总结Array常用的18个api 栈方法(LIFO数据结构--last in first out ...

  • js数据结构-栈

    栈 栈是一种遵循后进先出(LIFO)的数据结构,其总共就两个主要的操作,分别是push和pop。 看上面这张图可以...

  • 执行环境(上下文)

    栈的数据结构Snip20181105_9.png 函数的执行环境(上下文)Execution Context js...

  • 栈和队列

    1、栈 栈是一种先进先出的数据结构。栈顶进栈,栈顶出栈。 数据结构 栈的初始化 进栈 出栈 栈的最小值 2、队列 ...

  • 004 go语言实现栈

    1 数据结构 数据结构: 要实现的功能:0 栈的初始化1 获取栈长度2 入栈3 出栈4 清空栈内容5 判断栈是否为...

  • js数据结构之栈

    JavaScript数据结构 一、什么是数据结构? 数据结构是向相互之间存在一种或者多种特定关系的数据组成的集合,...

  • java高级知识点

    1.数据结构 程序=数据结构+算法 栈:后进先出,线性结构 入栈:push 出栈:pop假如已知入栈顺序是ab...

  • 栈和堆以及栈区和堆区的区别

    栈和堆以及栈区和堆区的区别 数据结构中的栈和堆 栈:具有先进后出性质的数据结构 堆:一种经过排序的树形数据结构,节...

网友评论

      本文标题:js数据结构-栈

      本文链接:https://www.haomeiwen.com/subject/xwaulqtx.html