JavaScript数据结构与算法之栈详解


Posted in Javascript onMarch 12, 2015

在上一篇博客介绍了下列表,列表是最简单的一种结构,但是如果要处理一些比较复杂的结构,列表显得太简陋了,所以我们需要某种和列表类似但是更复杂的数据结构---栈。栈是一种高效的数据结构,因为数据只能在栈顶添加或删除,所以这样操作很快,而且容易实现。

一:对栈的操作。

栈是一种特殊的列表,栈内的元素只能通过列表的一端访问,这一端陈为栈顶。比如餐馆里面洗盘子,只能先洗最上面的盘子,盘子洗完后,也只能螺到这一摞盘子的最上面。栈被称为 "后入先出"(LIFO)的数据结构。

由于栈具有后入先出的特点,所以任何不在栈顶的元素都无法访问,为了得到栈低的元素,必须先拿掉上面的元素。我们可以对栈的两种主要操作是将一个元素 压入栈 和 将一个元素 弹出栈。入栈我们可以使用方法push()方法,出栈我们使用pop()方法。pop()方法虽然可以访问栈顶的元素,但是调用该方法后,栈顶元素也就从栈中被永久性的删除了。另一个我们很常用的方法是peek(),该方法只返回栈顶元素,而不删除它。

入栈和出栈的实列图如下:

JavaScript数据结构与算法之栈详解

push(),pop()和peek()是栈的三个主要方法,但是栈还有其他方法和属性。如下:

clear():清除栈内的所有元素。

length(): 记录栈内元素的个数。

二:对栈的实现如下:

我们可以先实现栈类的方法开始;如下:
 

  function Stack() {

      this.dataStore = [];

      this.top = 0;

  }

 

 如上:dataStore 是保存栈内的所有元素。变量top记录栈顶的位置,初始化为0. 表示栈顶对应数组的起始位置为0,如果有元素被压入栈。该变量值将随之变化。

我们还有如下几个方法:push(), pop(), peek(),clear(),length();

1.  push()方法;当向栈内压入一个新元素时,需要将其保存在数组中变量top所对应的位置,然后top值加1,让其指向数组中下一个位置。如下代码:

function  push(element) {

     this.dataStore[this.top++] = element;

}

2. pop()方法与push()方法相反---它返回栈顶元素,同时将top值减1.如下代码:
   function pop(){

       return this.dataStore[--this.top];

   }

3. peek()方法返回数组的第top-1个位置的元素,即栈顶元素;
    function peek(){

        return this.dataStore[this.top - 1];

    }

4. length()方法 有时候我们要知道栈内有多少个元素,我们可以通过返回变量top值的方式返回栈内的元素个数,如下代码:
     function length(){

         return this.top;

     }

5. clear(); 有时候我们要清空栈,我们将变量top值设为0;如下代码:
   function clear() {
        this.top = 0;
    }

如下所有代码:
function Stack() {

    this.dataStore = [];

    this.top = 0;

}
Stack.prototype = {

    

    // 向栈中压入一个新元素

    push: function(element) {

        this.dataStore[this.top++] = element;

    },

    // 访问栈顶元素,栈顶元素永久的被删除了

    pop: function(){

        return this.dataStore[--this.top];

    },

    // 返回数组中的 top-1 个位置的元素,即栈顶元素

    peek: function(){

        return this.dataStore[this.top - 1];

    },

    // 栈内存储了多少个元素

    length: function(){

        return this.top;

    },

    // 清空栈

    clear: function(){

        this.top = 0;

    }

};
demo实例如下:
var stack = new Stack();

stack.push("a");

stack.push("b");

stack.push("c");

console.log(stack.length()); // 3

console.log(stack.peek());   // c
var popped = stack.pop();

console.log(popped);  // c
console.log(stack.peek()); // b
stack.push("d");
console.log(stack.peek());  // d
stack.clear();
console.log(stack.length());  // 0
console.log(stack.peek());  // undefined

下面我们可以实现一个阶乘函数的递归定义;比如5!的阶乘 5!= 5 * 4 * 3 * 2 * 1;

如下代码:

function fact(n) {

    var s = new Stack();

    while(n > 1) {

        s.push(n--);

    }

    var product = 1;

    while(s.length() > 0) {

        product *= s.pop();

    }

    return product;

}

console.log(fact(5));

上面的代码含义是:先数字5传入函数,使用while循环,每次自减1的之前,把自己使用栈的函数push()压入栈内,直到变量n  小于 1为止。然后定义一个变量product;通过栈的length()的方法判断是否大于0 且每次执行 product* = s.pop();  pop()方法返回栈顶元素,且从栈中删掉该元素。所以每次执行一次,就删掉一个元素,直到s.length() <= 0 为止。所以 product = 5*4*3*2*1 .等操作。

Javascript 相关文章推荐
js url传值中文乱码之解决之道
Nov 20 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
JavaScript模块规范之AMD规范和CMD规范
Oct 27 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
Sep 05 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
javascript设计模式之策略模式学习笔记
Feb 15 Javascript
vue-cli之router基本使用方法详解
Oct 17 Javascript
浅谈Node框架接入ELK实践总结
Feb 22 Javascript
vue 点击其他区域关闭自定义div操作
Jul 17 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
Jul 20 Javascript
jQuery实现简单的日期输入格式化控件
Mar 12 #Javascript
Javascript数据结构与算法之列表详解
Mar 12 #Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
Mar 12 #Javascript
基于jquery实现的自动补全功能
Mar 12 #Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
Mar 12 #Javascript
window.open()实现post传递参数
Mar 12 #Javascript
js运动动画的八个知识点
Mar 12 #Javascript
You might like
PHP下对字符串的递增运算代码
2010/08/21 PHP
常见的PHP五种设计模式小结
2011/03/23 PHP
php上传功能集后缀名判断和随机命名(强力推荐)
2015/09/10 PHP
/etc/php-fpm.d/www.conf 配置注意事项
2017/02/04 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
PHP提取字符串中的手机号正则表达式怎么写
2017/07/17 PHP
Yii2框架实现利用mpdf创建pdf文件功能示例
2019/02/08 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
JavaScript 监听textarea中按键事件
2009/10/08 Javascript
jQuery 技巧小结
2010/04/02 Javascript
鼠标滚轴控制文本框值的JS代码
2013/11/19 Javascript
JS与C#编码解码
2013/12/03 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
2014/02/08 Javascript
Jquery validation remote 验证的缓存问题解决方法
2014/03/25 Javascript
Window.Open如何在同一个标签页打开
2014/06/20 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
javascript insertAfter()定义与用法示例
2016/07/25 Javascript
es6学习之解构时应该注意的点
2017/08/29 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
js 数组当前行添加数据方法详解
2020/07/28 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
2020/11/17 Vue.js
python通过zlib实现压缩与解压字符串的方法
2014/11/19 Python
Python实现基本数据结构中栈的操作示例
2017/12/04 Python
Python实现合并同一个文件夹下所有txt文件的方法示例
2018/04/26 Python
Python基础之条件控制操作示例【if语句】
2019/03/23 Python
彻底理解Python中的yield关键字
2019/04/01 Python
将matplotlib绘图嵌入pyqt的方法示例
2020/01/08 Python
Python面向对象特殊属性及方法解析
2020/09/16 Python
餐饮采购员岗位职责
2014/03/15 职场文书
会员卡清退活动总结
2014/08/27 职场文书
感恩老师演讲稿600字
2014/08/28 职场文书
校园环境卫生倡议书
2015/04/29 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
JavaCV实现照片马赛克效果
2022/01/22 Java/Android
提高系统的吞吐量解决数据库重复写入问题
2022/04/23 MySQL