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 获取页面元素的位置的代码
Sep 25 Javascript
基于js disabled="false"不起作用的解决办法
Jun 26 Javascript
ExtJS的拖拽效果示例
Dec 09 Javascript
jQuery中index()的用法分析
Sep 05 Javascript
12个非常实用的JavaScript小技巧【推荐】
May 18 Javascript
微信小程序 progress组件详解及实例代码
Oct 25 Javascript
jquery代码规范让代码越来越好看
Feb 03 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
关于Angular2 + node接口调试的解决方案
May 28 Javascript
使用layui 渲染table数据表格的实例代码
Aug 19 Javascript
详解如何使用微信小程序云函数发送短信验证码
Mar 13 Javascript
JS+CSS实现炫酷光感效果
Sep 05 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中使用gettext解决国际化问题的例子(i18n)
2014/06/13 PHP
PHP扩展开发教程(总结)
2015/11/04 PHP
利用Laravel事件系统如何实现登录日志的记录详解
2017/05/20 PHP
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
jquery多选项卡效果实例代码(附效果图)
2013/03/23 Javascript
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
使用C++为node.js写扩展模块
2015/04/22 Javascript
AngularJS中的包含详细介绍及实现示例
2016/07/28 Javascript
JavaScript实现反转字符串的方法详解
2017/04/27 Javascript
详解angularjs利用ui-route异步加载组件
2017/05/21 Javascript
AngularJS的ng-click传参的方法
2017/06/19 Javascript
探究react-native 源码的图片缓存问题
2017/08/24 Javascript
parabola.js抛物线与加入购物车效果的示例代码
2017/10/25 Javascript
Node.js使用MySQL连接池的方法实例
2018/02/11 Javascript
Node.js readline 逐行读取、写入文件内容的示例
2018/03/01 Javascript
使用vuepress搭建静态博客的示例代码
2019/02/14 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
Python实现windows下模拟按键和鼠标点击的方法
2015/03/13 Python
Python机器学习之K-Means聚类实现详解
2018/02/22 Python
python简单贪吃蛇开发
2019/01/28 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
python实现模拟器爬取抖音评论数据的示例代码
2021/01/06 Python
python爬虫破解字体加密案例详解
2021/03/02 Python
印度尼西亚值得信赖的第一家网店:Bhinneka
2018/07/16 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
缓刑人员思想汇报500字
2014/09/12 职场文书
党员专题组织生活会发言材料
2014/10/17 职场文书
2014年小学教学工作总结
2014/11/13 职场文书
后勤工作个人总结
2015/02/28 职场文书
学生会招新宣传语
2015/07/13 职场文书
JS封装cavans多种滤镜组件
2022/02/15 Javascript
Nginx配置根据url参数重定向
2022/04/11 Servers
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技