JavaScipt中栈的实现方法


Posted in Javascript onFebruary 17, 2016

接下来就是数据结构的第一部分,
是一种遵从后进先出原则(LIFO,全称为Last In First Out)的有序集合。栈顶永远是最新的元素。
举个例子就是:栈就像放在箱子里的一叠书 你要拿下面的书先要把上面的书拿开。(当然,你不能先拿下面的书)
看图示也可明白。

JavaScipt中栈的实现方法

JavaScipt中栈的实现
首先,创建一个构造函数。

/**
 * 栈的构造函数
 */
function Stack() {

 // 用数组来模拟栈
 var item = [];
}

栈需要有如下的方法:

  • push(element(s)): 添加几个元素到栈顶
  • pop(): 移除并返回栈顶元素
  • peek(): 返回栈顶元素
  • isAmpty: 检查栈是否为空,为空则返回true
  • clear: 移除栈中所有元素
  • size: 返回栈中元素个数。
  • print: 以字符串显示栈中所有内容

push方法的实现
说明: 需要往栈中添加新元素,元素位置在队列的末尾。也就是说,我们可以用数组的push方法来模拟实现。
实现:

/**
 * 将元素送入栈,放置于数组的最后一位
 * @param {Any} element 接受的元素,不限制类型
 */
this.push = function(element) {
 items.push(element);
};

pop方法的实现
说明: 需要把栈顶元素弹出,同时返回被弹出的值。可以用数组的pop方法来模拟实现。
实现:

/**
 * 弹出栈顶元素
 * @return {Any} 返回被弹出的值
 */
this.pop = function() {
 return items.pop();
};

peek方法的实现
说明: 查看栈顶元素,可以用数组长度来实现。
实现:

/**
 * 查看栈顶元素
 * @return {Any} 返回栈顶元素
 */
this.peek = function() {
 return items[items.length - 1];
}

其余方法的实现
说明: 前三个是栈方法的核心,其余方法则在此一次性列出。因为下文要讲的队列,会与这部分有很大重合。
实现:

/**
 * 确定栈是否为空
 * @return {Boolean} 若栈为空则返回true,不为空则返回false
 */
this.isAmpty = function() {
 return items.length === 0
};

/**
 * 清空栈中所有内容
 */
this.clear = function() {
 items = [];
};

/**
 * 返回栈的长度
 * @return {Number} 栈的长度
 */
this.size = function() {
 return items.length;
};

/**
 * 以字符串显示栈中所有内容
 */
this.print = function() {
 console.log(items.toString());
};

实际应用
栈的实际应用比较多,书中有个十进制转二进制的函数。(不懂二进制怎么算的话可以百度)下面是函数的源代码。
原理就是输入要转换的数字,不断的除以二并取整。并且最后运用while循环,将栈中所有数字拼接成字符串输出。

/**
 * 将10进制数字转为2进制数字
 * @param {Number} decNumber 要转换的10进制数字
 * @return {Number}      转换后的2进制数字
 */
function divideBy2(decNumber) {

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

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

 while (!remStack.isAmpty()) {
  binaryString += remStack.pop().toString();
 }

 return binaryString;
};

到此而言,栈的学习就告一段落了,希望对大家学习javascript中栈的实现方法有所帮助。

Javascript 相关文章推荐
javascript onmouseout 解决办法
Jul 17 Javascript
jQuery实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
再谈querySelector和querySelectorAll的区别与联系
Apr 20 Javascript
javascript iframe跨域详解
Oct 26 Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
react-native使用leanclound消息推送的方法
Aug 06 Javascript
详解处理Vue单页面应用SEO的另一种思路
Nov 09 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
Apr 19 Javascript
vue滑动吸顶及锚点定位的示例代码
May 10 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
Jul 20 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
Sep 21 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
Feb 17 #Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
Feb 17 #Javascript
Bootstrap入门书籍之(三)栅格系统
Feb 17 #Javascript
Bootstrap入门书籍之(一)排版
Feb 17 #Javascript
Bootstrap入门书籍之(零)Bootstrap简介
Feb 17 #Javascript
分享自己用JS做的扫雷小游戏
Feb 17 #Javascript
javascript瀑布流布局实现方法详解
Feb 17 #Javascript
You might like
如何从一个php文件向另一个地址post数据,不用表单和隐藏的变量的
2007/03/06 PHP
laravel通过创建自定义artisan make命令来新建类文件详解
2017/08/17 PHP
Yii框架参数配置文件params用法实例分析
2019/09/11 PHP
php操作redis命令及代码实例大全
2020/11/19 PHP
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
Ext JS添加子组件的误区探讨
2013/06/28 Javascript
js replace 与replaceall实例用法详解
2013/08/03 Javascript
正负小数点后两位浮点数实现原理及代码
2013/09/06 Javascript
javascript使用正则表达式检测IP地址
2014/12/03 Javascript
基于JQuery制作可编辑的表格特效
2014/12/23 Javascript
js事件监听器用法实例详解
2015/06/01 Javascript
easyui Draggable组件实现拖动效果
2015/08/19 Javascript
jQuery+css实现的切换图片功能代码
2016/01/27 Javascript
图解prototype、proto和constructor的三角关系
2016/07/31 Javascript
微信小程序获取循环元素id以及wx.login登录操作
2017/08/17 Javascript
微信小程序之分享页面如何返回首页的示例
2018/03/28 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
2018/08/29 Javascript
在vue中使用vue-echarts-v3的实例代码
2018/09/13 Javascript
Vue中多个元素、组件的过渡及列表过渡的方法示例
2019/02/13 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
vue项目配置使用flow类型检查的步骤
2020/03/18 Javascript
使用Python实现简单的服务器功能
2017/08/25 Python
python修改list中所有元素类型的三种方法
2018/04/09 Python
Python 确定多项式拟合/回归的阶数实例
2018/12/29 Python
django主动抛出403异常的方法详解
2019/01/04 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
Python中print函数简单使用总结
2019/08/05 Python
PyQt5多线程防卡死和多窗口用法的实现
2020/09/15 Python
使用Python+Appuim 清理微信的方法
2021/01/26 Python
高校十八大报告感想
2014/01/27 职场文书
环保建议书作文
2014/03/12 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
nginx搭建图片服务器的过程详解(root和alias的区别)
2021/03/31 Servers
分享几个简单MySQL优化小妙招
2022/03/31 MySQL
mysql幻读详解实例以及解决办法
2022/06/16 MySQL