如何用JavaScript手动实现一个栈

什么是栈（Stack）

• 栈是一种听从后进先出（LIFO）原则的有序集合。
• 新添加的或待删除的元素都保存在栈的末尾，称为栈顶，另外一端叫栈底。
• 在栈里，新元素都靠近栈顶，旧元素都接近栈底

现实中的例子

在生活中也能发现不少栈的例子。例如，厨房里堆放的盘子，老是叠在上方的先被使用；输入框内容进行删除时，老是最后输入的先删除；弹夹中的子弹，越后装入的，越先发射......

手动实现一个栈

首先，建立一个类来表示栈

function Stack () { }
复制代码

咱们须要选择一种数据结构来保存栈里的元素，能够选择数组

function Stack(){
    var items = [];     //用来保存栈里的元素
}
复制代码

接下来，为栈添加一些方法

push(element(s));   //添加新元素到栈顶
pop();              //移除栈顶的元素，同时返回被移除的元素
peek();             //返回栈顶的元素，不对栈作任何修改
isEmpty();          //若是栈里没有任何元素就返回true，不然false
clear();            //移除栈里的全部元素
size();             //返回栈里的元素个数,相似于数组的length属性
复制代码

咱们须要实现的第一个方法时push。用来往栈里添加新元素，有一点很重要：该方法只添加到栈顶，也就是栈的末尾。因此，能够这样写：

this.push = function (element) {
    items.push(element);
}
复制代码

利用数组的push方法，就能够实如今栈顶末尾添加新的元素了。

接着，来实现pop方法，用来实现移除栈里的元素。栈听从LIFO（后进先出）原则。移出去的是最后添加进去的元素。所以，可使用数组的pop方法。

this.pop = function () {
    return items.pop();
}
复制代码

这样一来，这个栈天然就听从了LIFO原则

如今，再来为这个栈添额外的辅助方法。

若是想知道栈里最后添加的元素是什么，能够用peek方法。这个方法将返回栈顶的元素

this.peek = function () {
    return items[items.length-1];
}
复制代码

由于类内部是用数组保存元素的，因此这里访问数组最后一个元素用length-1

下一个要实现的方法是isEmpty,若是栈为空的话，就返回true，不然返回false：

this.isEmpty = function () {
    return items.length == 0;
}
复制代码

使用isEmpty方法，就能简单地判断栈内部是否为空。

相似于数组地length属性，咱们也能够实现栈地length。

this.size = function () {
    return items.length;
}
复制代码

由于栈地内部使用数组保存元素，因此数组地length就是栈的长度。

实现clear方法，clear方法用来清空栈中全部的元素。最简单的实现方法是：

this.clear = function () {
    items = [];
}
复制代码

其实屡次调用pop方法也能够，可是没有这个方法来的简单快捷。

最后，为了检查栈里的内容，还须要实现一个辅助方法：print。它会把栈里的元素都输出到控制台：

this.print = function () {
    console.log(items.toString());
}
复制代码

至此，咱们就完整地建立了一个栈!

栈的完整代码

function Stack(){

    var items = [];     //用来保存栈里的元素

    this.push = function (element) {
        items.push(element);
    }

    this.pop = function () {
        return items.pop();
    }

    this.peek = function () {
        return items[items.length-1];
    }

    this.isEmpty = function () {
        return items.length == 0;
    }

    this.size = function () {
        return items.length;
    }

    this.clear = function () {
        items = [];
    }

    this.print = function () {
        console.log(items.toString());
    }
}
复制代码

使用Stack类

栈已经建立好了，咱们来测试一下

首先，来初始化Stack类。而后，验证一下栈是否为空

var stack = new Stack();
console.log(stack.isEmpty());         //控制台输出true
复制代码

接下来，往栈里面添加一下元素：

stack.push(5);
stack.push(8);
复制代码

若是调用peek方法，很显然将会输出8，由于它是栈顶的元素：

console.log(stack.peek());            //控制台输出8
复制代码

再添加一个元素：

stack.push(11);
console.log(stack.size());            //控制台输出3
复制代码

咱们往栈里又添加了11。若是调用size方法，输出为3，由于栈里有三个元素（5，8和11）。若是这时候调用isEmpty方法，会看到输出了false（由于此时栈不为空）。最后，再来往里面添加一个元素：

stack.push(15);
复制代码

而后，调用两次pop方法从栈里移除两个元素：

stack.pop();
stack.pop();
console.log(stack.size());            //控制台输出2
stack.print();                        //控制台输出[5,8]
复制代码

到这里，整个栈的功能测试完成。

用栈来解决问题

使用栈来完成进制转换。

现实生活中，咱们主要用10进制，但在计算科学中，二进制很是重要，由于计算机里全部的内容都是用二进制数字0和1来表示的。大学的计算机课都会先教进制转换。以二进制为例：

function divideBy2 (decNumber) {

    var remStack = new Stack(),
    rem,
    binaryString = '';

    while (decNumber>0) {  //{1}
        rem = Math.floor(decNumber % 2);  //{2}
        remStack.push(rem);  //{3}
        decNumber = Math.floor(decNumber / 2);  //{4}
    }

    while (!remStack.isEmpty()) {  //{5}
        binaryString += remStack.pop().toString();
    }

    return binaryString;
}
复制代码

这段代码里，当结果知足和2作整除的条件时，（行{1}），咱们会得到当前结果和2的余数，放到栈里（行{2}、{3}）。而后让结果和2作整除（行{4}）

注：JavaScript有数字类型，可是它不会区分时整数仍是浮点数。所以，要使用Math.floor函数让除法的操做仅返回整数部分。

最后，用pop方法把栈中的元素都移除，把出栈的元素链接成字符串（行{5}）。

测试一下：

console.log(divideBy2(520));      //输出1000001000
console.log(divideBy2(10));       //输出1010
console.log(divideBy2(1000));     //输出1111101000
复制代码

接下来，能够很容易的修改上面的算法，使它可以把十进制转化为任何进制。除了让十进制数字和2整除转成二进制数，还能够传入其余任意进制的基数做为参数，就像下面的算法这样：

function baseConverter (decNumber, base) {

    var remStack = new Stack(),
    rem,
    baseString = '';
    digits = '0123456789ABCDEF';     //{6}

    while (decNumber>0) {  
        rem = Math.floor(decNumber % base);
        remStack.push(rem);  //{3}
        decNumber = Math.floor(decNumber / base);
    }

    while (!remStack.isEmpty()) {
        baseString += digits[remStack.pop()];  //{7}
    }

    return baseString;
}
复制代码

在将十进制转成二进制时，余数是0或1；在将十进制转成八进制时，余数时0-8之间的数；可是将十进制转成十六进制时，余数时0-9之间的数字加上A、B、C、D、E、F（对应十、十一、十二、1三、14和15）。所以，须要对栈中的数字作个转化才能够（行{6}、{7}）。

来测试一下输出结果：

console.log(baseConverter(1231,2));      //输出10011001111
console.log(baseConverter(1231,8));      //输出2317
console.log(baseConverter(1231,16));     //输出4CF
复制代码

显然是正确的。

小结

咱们用js代码完成了栈的模拟,而不是真正从底层去实现了栈。咱们的目的是更好的去理解栈的用法，而且经过进制转换的例子来实际应用了它。栈的应用实例还有不少，好比平衡圆括号和汉诺塔。感兴趣能够自行百度去了解

原文连接：行无忌的成长小屋：如何用JavaScript手动实现一个栈