JavaScript实现栈结构

参考资料

一.什么是栈(stack)?

1.1.简介

首先我们需要知道数组是一种线性结构,并且可以在数组的任意位置插入和删除数据,而栈(stack)是一种受限的线性结构。以上可能比较难以理解,什么是受限制的线性结构?让我们首先来了解下栈结构的特点吧,下面就是栈的图解:

总结栈的特点就是在放入数据的过程中是先进后出,后进后出(LIFO:last in first out)

1.2.程序中的栈实现

  • 函数调用栈:A(B(C(D))),既A函数中调用B,B调用C,C调用D;在A执行的过程中将A压入栈,随后B执行时B也被压入栈,同理C和D执行时也会被压入栈。所有当前栈的顺序是:A->B->C->D(栈顶);同时D因为在栈顶,在先执行完后,会弹出栈被释放,因此弹出栈的顺序为:D->C->B->A

  • 递归:为什么说递归也是栈的实现方式呢?因为在递归的使用时如果未设置停止递归的条件就会造成栈溢出!因为递归也是的调用自身就是一种函数调用栈,因此如果未停止,会一直调用自身,不会把函数弹出栈,不停的将函数压入栈,最好造成栈溢出!(Stack OverFloat)

1.3.一道面试题理解栈结构


首先我们来分析题目:六个元素顺序进栈,注意只是顺序进栈,并没有说是同时进入哟,可能有进有出,如果同时岂不是考的太简单了?哈哈,是不是嘛,所有我们要根据答案来一一判断。

  • A:65进栈-5出栈-4进栈出栈-3进栈出栈-6出栈-21进栈(符合入栈顺序654321)
  • B:654进栈-4出栈-5出栈-3进栈出栈-2进栈出栈-1进栈出栈-6出栈(符合)
  • C:6543进栈-3出栈-4出栈-6出栈(此处不符合,理论上不应该是6,6上面还有5未出栈)
  • D:65432进栈-2出栈-3出栈-4出栈-1进栈出栈-5出栈-6出栈(符合)

综上所述,答案是 C

二.栈结构实现

2.1.栈的封装

首先我们先需了解栈常见的操作有哪些?

  • push(element): 添加一个新元素到栈顶位置.
  • pop():移除栈顶的元素,同时返回被移除的元素。
  • peek():返回栈顶的元素,不对栈做任何修改(这个方法不会移除栈顶的元素,仅仅返回它)。
  • isEmpty():如果栈里没有任何元素就返回true,否则返回false。
  • clear():移除栈里的所有元素。
  • size():返回栈里的元素个数。这个方法和数组的length属性很类似。

封装代码如下:

// 封装栈类
      function Stack() {
        // 栈中的属性
        this.items = []

        // 栈的相关操作
        // 1.将元素压入栈
        Stack.prototype.push = function (element) {
          this.items.push(element)
        }

        // 2.从栈中取出元素
        Stack.prototype.pop = function () {
          return this.items.pop()
        }

        // 3.查看一下栈顶元素
        Stack.prototype.peek = function () {
          return this.items[this.items.length - 1]
        }

        // 4.判断栈是否为空
        Stack.prototype.isEmpty = function () {
          return this.items.length == 0
        }

        // 5.获取栈中元素的个数
        Stack.prototype.size = function () {
          return this.items.length
        }

        // 6.toString方法
        Stack.prototype.toString = function () {
          // 形式自定 1 2 3 4 5
          var resultString = ''
          this.items.forEach((element) => {
            resultString += element + ' '
          })
          return resultString
        }
      }

测试代码:

      // 栈的使用
      var s = new Stack()
      s.push(1)
      s.push(2)
      s.push(3)
      s.push(4)
      console.log(s.items) // [1,2,3,4]
      s.pop()
      console.log(s.items) // [1,2,3]
      console.log(s.peek()) // 3
      console.log(s.isEmpty()) // false
      console.log(s.size()) // 3
      console.log(s.toString()) // 1 2 3 (String)

2.2.栈结构的简单应用(十进制转二进制)

首先你必须要理解十进制转二进制的方法,除以二取余,一直除到结果为0为止。举个例子吧,把10进制的数字10转换为二进制的数字,过程大概是如下流程:

结果就是1010,就是将余数类似栈的方式依次取出来

  • 如果我们希望通过代码来实现这个过程呢?
      // 封装十进制转二进制的函数
      function dec2bin(decNumber) {
        // 1.定义栈对象,上文封装的栈类
        var stack = new Stack()
        // 2.循环操作
        while (decNumber > 0) {
          // 2.1获取余数,并且放入栈中
          stack.push(decNumber % 2)
          // 2.2更新decNumber,获取整除后的结果,作为下一次运行的数字
          decNumber = Math.floor(decNumber / 2)
        }
        // 3.从栈中取出0和1
        let binaryString = ''
        while (!stack.isEmpty()) {
          binaryString += stack.pop()
        }
        return binaryString
      }

测试代码:

      // 测试代码
      console.log(dec2bin(10)) //1010
      console.log(dec2bin(100)) //1100100

三.总结

看完是否对栈结构有一个清晰的了解?记住后进先出(LIFO:last farst in out)!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章