栈数据结构

栈是一种遵从后进先出(LIFO)原则的有序集合。新添加或待删除的元素都保存在栈的同一端,称作栈顶,另一端就叫栈底。在栈里,新元素都靠近栈顶,旧元素都接近栈底。

栈也被用在编程语言的编译器和内存中保存变量、方法调用等,也被用于浏览器历史记录(浏览器的返回按钮)

创建一个基于数组的栈

        // 我们将创建一个类来表示栈
        // 我们需要一种数据结构来保存栈里的元素。可以选择数组。数组允许我们在任何
        // 位置添加或删除元素。由于栈遵循 LIFO 原则,需要对元素的插入和删除功能进行限制。接下来,
        // 要为栈声明一些方法。


        //push(el(s)):添加一个(或几个)新元素到栈顶。
        //pop():移除栈顶的元素,同时返回被移除的元素。
        //peek():返回栈顶的元素,不对栈做任何修改(该方法不会移除栈顶的元素,仅仅返回它)
        //isEmpty():如果栈里没有任何元素就返回 true,否则返回 false。
        //clear():移除栈里的所有元素。
        //size():返回栈里的元素个数。该方法和数组的 length 属性很类似。
    
    class Stack{
        constructor(){
            this.items=[]
        }
        push(el){
            this.items.push(el)
        }
        pop() { 
            return this.items.pop(); 
        } 
        peek() { 
            return this.items[this.items.length - 1]; 
        }
        isEmpty() { 
            return this.items.length === 0; 
        }
        size() { 
            return this.items.length; 
        }
        clear() { 
            this.items = []; 
        }
    }

    //使用 Stack 类

    const stack = new Stack()
    console.log(stack.isEmpty())//true
    stack.push(5)
    stack.push(8)
    console.log(stack.peek()); // 8 因为它是往栈里添加的最后一个元素。
    stack.push(11);
    console.log(stack.size()); // 3
    console.log(stack.isEmpty()); // false
    stack.push(15)
    stack.pop()
    stack.pop()
    console.log(stack.size())//2

创建一个 Stack 类最简单的方式是使用一个数组来存储其元素。类似上方的代码,无需太多的代码,就可以做到一些小需求。比如获取用户在网页中的跳转记录,或者是用户一天的上线情况,亦或是直播中用户的进入进出,其他用户的进入进出等等。然而在处理大量数据的时候(这在现实生活中的项目里很常见),我们同样需要评估如何操作数据是最高效的。

数组大家都知道,是有序的集合,为了保证元素排列有序,它会占用更多的内存空间。在使用数组时,大部分方法的时间复杂度是 O(n)。O(n)的意思是,我们需要迭代整个数组直到找到要找的那个元素,在最坏的情况下需要迭代数组的所有位
置,其中的 n 代表数组的长度。如果数组有更多元素的话,所需的时间会更长。

因此在实际开发中总是使用对象来封装stack类

    class Stack{
        constructor(){
            this.count = 0;
            this.items={}
        }
        push(el){
            this.items[this.count] = el;
            this.count++
        }
        pop() { 
            if (this.isEmpty()) {//如果此时为空返回
              return undefined; 
            } 
            this.count--; 
            const result = this.items[this.count];
            delete this.items[this.count]; //删除
            return result;
        } 
        peek() { 
            if (this.isEmpty()) { 
              return undefined; 
            } 
            return this.items[this.count - 1]; //push之后count已经++ 存储的key是count-1
        }
        isEmpty() { 
            return this.count === 0;
        }
        size() { 
            return this.count; 
        }
        clear() { 
            this.items = {}; 
            this.count = 0;
            //我们也可以遵循 LIFO 原则,使用下面的逻辑来移除栈中所有的元素。
            // while (!this.isEmpty()) { 
            //      this.pop(); 
            // }
        }
        // 在数组版本中,我们不需要关心 toString 方法的实现,因为数据结构可以直接使用数组已
        // 经提供的 toString 方法。对于使用对象的版本,我们将创建一个 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;
        }
    }

    //使用 Stack 类

    const stack = new Stack()
    console.log(stack.isEmpty())//true
    stack.push(5)
    stack.push(8)
    console.log(stack.peek()); // 8 因为它是往栈里添加的最后一个元素。
    stack.push(11);
    console.log(stack.size()); // 3
    console.log(stack.isEmpty()); // false
    stack.push(15)
    stack.pop()
    stack.pop()
    console.log(stack.size())//2
    console.log(stack.toString())//5,8

此时有个问题,就是Stack 类中声明的 items 和 count是完全暴露的,并没有得到保护

    const stack = new Stack();
    console.log(Object.getOwnPropertyNames(stack)) //["count", "items"]
    console.log(Object.keys(stack));//["count", "items"]
    console.log(stack.items)//{}

不过这里就不编写如何去处理了,即使处理了也有不好的地方。可能在不久的将来可以通过在属性前添加井号(#)作为前缀来声明私有属性

  class Stack { 
        #count = 0; 
        #items = 0; 
        // 栈的方法
    }

如何用栈解决进制转换的问题

    function decimalToBinary(decNumber){
        const remStack = new Stack();
        let number = decNumber;
        let rem;
        let binaryString = '';
        while (number > 0){ //当除法的结果不为 0 时
            rem = Math.floor(number % 2);  //获得一个余数,并放到栈里
            remStack.push(rem);
            number = Math.floor(number / 2);//然后让结果继续除以 2 JavaScript 有数值类型,但是它不会区分整数和浮点数。因此,要使用 Math.floor 函数仅返回除法运算结果的整数部分。
        }
        while (!remStack.isEmpty()){ //用 pop 方法把栈中的元素都移除,把出栈的元素连接成字符串
            binaryString += remStack.pop().toString();
        }
        return binaryString;
    }
    console.log(decimalToBinary(233)) //11101001
    console.log(decimalToBinary(10)) //1010
    console.log(decimalToBinary(1000))//1111101000

如果看不懂就把数字传进去,凑一下就懂了。比如你传4,都知道4的二进制是100吧,先传4,4%2余0,0进入栈中,然后number=2重新走,2%2余0,0进入栈中,此时number=1,再走一遍,1%2=0 余 1,1进入栈中,此时number=0了,结束循环,然后pop后进先出,输出1-0-0==>100

我们可以修改之前的算法,使之能把十进制转换成基数为 2~36 的任意进制

    function baseConverter(decNumber,base){
        const remStack = new Stack();
        const digits = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ'; 
        let number = decNumber;
        let rem;
        let baseString = '';
        if (!(base >= 2 && base <= 36)){
            return ''
        }
        while (number > 0){
            rem = Math.floor(number % base);//几进制就除几
            remStack.push(rem);
            number = Math.floor(number / base);
        }
        while (!remStack.isEmpty()){
            baseString += digits[remStack.pop()]; 
        }
        return baseString;

    }

    console.log(baseConverter(100345, 2)); // 11000011111111001
    console.log(baseConverter(100345, 8)); // 303771
    console.log(baseConverter(100345, 16)); // 187F9
    console.log(baseConverter(100345, 35)); // 2BW0
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,591评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,448评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,823评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,204评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,228评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,190评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,078评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,923评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,334评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,550评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,727评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,428评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,022评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,672评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,826评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,734评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,619评论 2 354

推荐阅读更多精彩内容