最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • JavaScript实现栈结构(Stack)

    正文概述 掘金(低配大雄)   2021-02-26   682

    一、前言

    1.1 什么是数据结构?

    数据结构就是在计算机中,存储和组织数据的方式。

    例如:图书管理,怎样摆放图书才能既能放很多书,也方便取?

    1.2.常见的数据结构

    常见的数据结构

    • 数组(Aarray)
    • 栈(Stack)
    • 链表(Linked List)
    • 图(Graph)
    • 散列表(Hash)
    • 队列(Queue)
    • 树(Tree)
    • 堆(Heap)

    注意:数据结构与算法与语言无关,常见的编程语言都有直接或间接的使用上述常见的数据结构。

    1.2.什么是算法?

    算法(Algorithm)的定义

    一个有限指令集,每条指令的描述不依赖于语言; 接收一些输入(有些情况下不需要输入); 产生输入; 一定在有限步骤之后终止; 算法通俗理解:解决问题的办法/步骤逻辑。数据结构的实现,离不开算法。

    二、栈结构(Stack)

    数组是一个线性结构,并且可以在数组的任意位置插入和删除元素。而栈和队列就是比较常见的受限的线性结构。如下图所示: JavaScript实现栈结构(Stack)

    栈的特点为先进后出,后进先出(LIFO:last in first out)。

    程序中的栈结构:

    函数调用栈: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;

    递归:为什么没有停止条件的递归会造成栈溢出?比如函数A为递归函数,不断地调用自己(因为函数还没有执行完,不会把函数弹出栈),不停地把相同的函数A压入栈,最后造成栈溢出(Stack Overflow)

    2.1 栈常见的操作:

    • push(element):添加一个新元素到栈顶位置;
    • pop():移除栈顶的元素,同时返回被移除的元素;
    • peek():返回栈顶的元素,不对栈做任何修改(该方法不会移除栈顶的元素,仅仅返回它);
    • isEmpty():如果栈里没有任何元素就返回true,否则返回false;
    • size():返回栈里的元素个数。这个方法和数组的length属性类似;
    • toString():将栈结构的内容以字符串的形式返回。

    2.2 封装栈类

    函数封装:

    // 封装栈类
        function Stack(){
          // 栈中的属性
          this.items =[]
    
          // 栈的相关操作
          // 1.push():将元素压入栈
          //方式一(不推荐):给对象添加方法,其他对象不能复用
          // this.push = () => {
          // }
          
          //方式二(推荐):给Stack类添加方法,能够多对象复用
          Stack.prototype.push = function(element) {
          // 利用数组item的push方法实现Stack类的pop方法
            this.items.push(element)
          }
    
          // 2.pop():从栈中取出元素
          Stack.prototype.pop = () => {
          // 利用数组item的pop方法实现Stack类的pop方法
            return this.items.pop()
          }
    
          // 3.peek():查看一下栈顶元素
          Stack.prototype.peek = () => {
            return this.items[this.items.length - 1]
          }
    
          // 4.isEmpty():判断栈是否为空
          Stack.prototype.isEmpty = () => {
          // 两个小时的教训啊不是this.length(不是Stack对象的length,Stack类没有length属性啊),而是			Stack类中定义的数组items才有length属性呀
            return this.items.length == 0 
          }
    
          // 5.size():获取栈中元素的个数
          Stack.prototype.size = () => {
            return this.items.length
          }
    
          // 6.toString():以字符串形式输出栈内数据
          Stack.prototype.toString = () => {
            //希望输出的形式:20 10 12 8 7
            let resultString = ''
            for (let i of this.items){
              resultString += i + ' '
            }
            return resultString
          }
        }
    

    测试代码

    // 栈的使用
        let  s = new Stack()
        s.push(20)
        s.push(10)
        s.push(100)
        s.push(77)
        console.log(s)													//65
    
        console.log(s.pop());											//68
        console.log(s.pop());											//69
        
        console.log(s.peek());											//71
    	console.log(s.isEmpty());										//72
       
        console.log(s.size());											//74
        console.log(s.toString());	
    
    

    测试结果:

    JavaScript实现栈结构(Stack)

    栈结构的简单应用:

    //简单应用:
        //封装函数:将十进制转成二进制(十转二的运算最后倒叙取余的特点符合栈'先进后出')
        let dec2bin = decNumber => {
          //1.定义一个栈对象,保存余数
          var  stack = new Stack()
    
          // 2.循环操作
          while(decNumber > 0){
            // 2.1.获取余数并放入栈中
            stack.push(decNumber % 2)
            // 2.2.获取整除后的结果作为下一次运算的数字(floor:向下取整)
            decNumber = Math.floor(decNumber / 2)
          }
    
          // 3.从栈中取出0和1
          let  binaryString = '';
          let a = stack.items.length
         while(stack.items.length != 0){
            binaryString += stack.pop();
          }
          return binaryString;
        }
        
        //测试代码
        console.log(dec2bin(10));										//103
        console.log(dec2bin(100));										//104
        console.log(dec2bin(1000));	
    

    测试结果:

    JavaScript实现栈结构(Stack)


    起源地下载网 » JavaScript实现栈结构(Stack)

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元