JavaScript数据结构与算法---栈

栈

定义：

1. 栈 是一种遵循 后进先出 原则的有序集合
2. 我们把新添加或者删除的的元素都保存在栈的同一端，称为栈顶，而另一端就叫做栈底
3. 在栈里，新元素都靠近栈顶，旧元素都靠近栈底。
4. 在生活中可以比作为老式手电筒中的电池，最后放进去的一块肯定最先被拿出来。也可以比作进电梯，最先进去的人肯定在最里面，也就是最后一个出来。

栈的实现一：

1. 创建一个基于数组的栈

// 这里用一个类来表示
class Stack {
    constructor() {
        this.items = []
    }
}

2. 向栈中添加元素

// 该方法只添加元素到栈顶，也就是栈的末尾
push(element) {
    this.items.push(element)
}

3. 从栈中移除元素

// 遵循后进先出的原则，因此移除的都是最后添加的元素
pop() {
    return this.items.pop()
}

4. 查看栈顶元素

// 因为类的内部都是用数组保存元素的，所以访问数组的最后一个元素即可知道栈顶的元素
peek() {
    return this.items[this.items.length - 1]
}

5. 检查栈是否为空

// 判断内部数组的长度是否为零
isEmpty() {
    return this.items.length === 0
}

6. 返回栈的长度

size() {
    return this.items.length
}

7. 清空栈元素

clear() {
    this.items = []
}

8. 使用Stack类

const stack = new Stack()
console.log(stack.isEmpty())
stack.push(1)
stack.push(2)
console.log(stack.peek())
stack.push(3)
console.log(stack)
console.log(stack.size())
console.log(stack.isEmpty())
stack.pop()
stack.pop()
console.log(stack)
console.log(stack.size())

因为使用数组来存储元素是极其简便的，但是在使用数组时候，大部分的方法的复杂度为O(n)。O(n)的意思是在最坏的情况下，我们需要迭代数组的所有位置，这个n就是数组的长度。所以如果数据量比较大的话，那么相应的时间复杂度也是比较长的。另外，数组是元素的有序集合，为了保证元素有序，他也会占用更多的内存空间。

所以，我们可以使用JavaScript对象来存储所有的元素，代码如下。

栈的实现二：

1. 创建一个基于JavaScript对象的栈

class Stack {
    constructor() {
      	// count属性可以来计算栈的大小
        this.count = 0
        this.items = {}
    }
}

2. 向栈中插入元素

// 在JavaScript中 对象是 键值对 的集合，向栈中添加元素，我们可以使count作为items对象的键名，插入的元素则是他的值。
push(element) {
    this.items[this.count] = element
    this.count++
}

3. 判断栈的大小

size() {
    return this.count
}

4. 判断是否空栈

isEmpty() {
    return this.count === 0
}

5. 从栈中弹出元素

// 首先需要检验栈是否为空，为空则返回undefined 不为空的话，先将count属性减1，并保存栈顶的值，以便在删除它，最后将他返回
pop() {
    if (this.isEmpty()) {
        return undefined
    }
    this.count--
    const result = this.items[this.count]
    delete this.items[this.count]
    return result
}

6. 查看栈顶的值

peek() {
    if (this.isEmpty()) {
        return undefined
    }
    return this.items[this.count - 1]
}

7. 清空栈

clear() {
    this.items = {}
    this.count = 0
}

8. 使用Stack类

const stack = new Stack()
stack.push(1)
stack.push(2)
stack.push(3)
console.log(stack)
console.log(stack.size())
console.log(stack.isEmpty())
stack.pop()
stack.pop()
console.log(stack)
console.log(stack.size())

9. toString()方法

// 如果栈是空的，返回一个空字符串即可，反之，首先用底部的第一个元素作为初始值，然后对栈的所有键进行遍历，一直到栈顶，添加一个逗号以及下一个元素
toString() {
    if (this.isEmpty()) {
        return ''
    }
    let objString = `${this.items[0]}`
    for (let i = 1; i < this.count; i++) {
        objString = `${objString},${this.items[i]}`
    }
    return objString
}
// 这里除了toString方法，其他方法的复杂度均为O(1)  

栈的应用（十进制到二进制的转换）

首先要知道，十进制转换为二进制是需要 除以2并取整 直到结果为0 如下图

// 当除法的结果不为0时，会得到一个余数，并放到栈里。然后让结果继续除以2（JavaScript不会区分整数和浮点数，所以Math.floor返回整数部分，最后用pop把栈中的元素都移除，并连接成字符串
function decimalToBinary(decNumber) {
    const remStack = new Stack()
    let number = decNumber
    let rem
    let binaryString = ''
    while (number > 0) {
        rem = Math.floor(number % 2)
        remStack.push(rem)
        number = Math.floor(number / 2)
    }
    while (!remStack.isEmpty()) {
        binaryString += remStack.pop().toString()
    }
    return binaryString
}

// 测试代码
console.log(decimalToBinary(10))
console.log(decimalToBinary(233))
console.log(decimalToBinary(1000))

来自于《学习JavaScript数据结构与算法》第三版

还有一些实际的常见的应用，比如汉诺塔，LeetCode20有效的括号等等，都可以运用栈的知识去解答。