JavaScript基于数组实现的栈与队列操作示例


Posted in Javascript onDecember 22, 2018

本文实例讲述了JavaScript基于数组实现的栈与队列操作。分享给大家供大家参考,具体如下:

栈数据结构:

1、 后进先出 队列在列表的尾端添加项,从列表的尾端移除项

队列图:

JavaScript基于数组实现的栈与队列操作示例

实现代码:

var colors = ["red","blue"];
colors.push("brown");   //从队列尾部添加一项
console.log(colors);//[ 'red', 'blue', 'brown' ]
var item =colors.pop();  //从队列尾部移出一项
console.log(colors);//[ 'red', 'blue' ]

2. 后进先出 队列在列表的首端添加项,从列表的首端移除项

队列图:

JavaScript基于数组实现的栈与队列操作示例

实现代码:

var colors=["red","blue"];
colors.unshift("green");   //从队列的前端添加一项
console.log(colors);//[ 'green', 'red', 'blue' ]
colors.shift();   //从队列的前端移除一项
console.log(colors);//[ 'red', 'blue' ]

3. 先进先出 队列在列表的末端添加项,从列表的首端移除项

队列图:

JavaScript基于数组实现的栈与队列操作示例

实现代码:

var colors=new Array();
var count=colors.push("red","green"); //从队列尾部推入两项
console.log(count);//2
var count=colors.push("black"); //从队列尾部推入另一项
console.log(colors);//[ 'red', 'green', 'black' ]
console.log(count);//3
var item=colors.shift();  //取得队列的第一项
console.log(item);//red
console.log(colors);//[ 'green', 'black' ]

4. 先进先出 队列在列表的首端添加项,从列表的尾端移除项

队列图:

JavaScript基于数组实现的栈与队列操作示例

实现代码:

var colors=new Array();  //创建一个数组
var count=colors.unshift("red","green");  //从队列首部添加两项
console.log(colors);//[ 'red', 'green' ]
count =colors.unshift("black"); //从队列首部添加另一项
console.log(colors);//[ 'black', 'red', 'green' ]
var item=colors.pop();    //从队列尾部移出一项
console.log(colors);//[ 'black', 'red' ]

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
In Javascript Class, how to call the prototype method.(three method)
Jan 09 Javascript
javascript实现时间格式输出FormatDate函数
Jan 13 Javascript
jQuery使用元素属性attr赋值详解
Feb 27 Javascript
JS限制文本框只能输入数字和字母方法
Feb 28 Javascript
JavaScript实现星级评分
Jan 12 Javascript
bootstrap可编辑下拉框jquery.editable-select
Oct 12 jQuery
JS大坑之19位数的Number型精度丢失问题详解
Apr 22 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
Apr 23 Javascript
javascript实现简单打字游戏
Oct 29 Javascript
js实现右键弹出自定义菜单
Sep 08 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
Jan 26 Javascript
vue.js Router中嵌套路由的实用示例
Jun 27 Vue.js
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 #jQuery
JavaScript时间日期操作实例小结【5个示例】
Dec 22 #Javascript
JavaScript文本特效实例小结【3个示例】
Dec 22 #Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
Dec 22 #Javascript
iview实现select tree树形下拉框的示例代码
Dec 21 #Javascript
Element input树型下拉框的实现代码
Dec 21 #Javascript
傻瓜式vuex语法糖kiss-vuex整理
Dec 21 #Javascript
You might like
PHP截取汉字乱码问题解决方法mb_substr函数的应用
2008/03/30 PHP
php 在文件指定行插入数据的代码
2010/05/08 PHP
thinkPHP的Html模板标签使用方法
2012/11/13 PHP
ThinkPHP3.1新特性之动态设置自动完成和自动验证示例
2014/06/19 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
php 实现银联商务H5支付的示例代码
2019/10/12 PHP
js滚动条多种样式,推荐
2007/02/05 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
js showModalDialog弹出窗口实例详解
2014/01/07 Javascript
javascript 10进制和62进制的相互转换
2014/07/31 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
2016/12/08 Javascript
three.js实现3D影院的原理的代码分析
2017/12/18 Javascript
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
nuxt中使用路由守卫的方法步骤
2019/01/27 Javascript
iSlider手机端图片滑动切换插件使用详解
2019/12/24 Javascript
Vue清除定时器setInterval优化方案分享
2020/07/21 Javascript
vue全局使用axios的操作
2020/09/08 Javascript
[26:52]LGD vs EG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python多线程threading.Lock锁用法实例
2014/11/01 Python
在Python中实现贪婪排名算法的教程
2015/04/17 Python
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
python OpenCV学习笔记之绘制直方图的方法
2018/02/08 Python
python爬取足球直播吧五大联赛积分榜
2018/06/13 Python
python将回车作为输入内容的实例
2018/06/23 Python
python按比例随机切分数据的实现
2019/07/11 Python
django使用admin站点上传图片的实例
2019/07/28 Python
Python列表切片常用操作实例解析
2020/03/10 Python
Python+unittest+requests+excel实现接口自动化测试框架
2020/12/23 Python
荷兰街头时尚之家:Funkie House
2019/03/18 全球购物
什么是Deployment descriptors;都有什么类型的部署描述符
2015/07/28 面试题
飞利信loadrunner和软件测试笔试题
2012/09/22 面试题
中层干部培训方案
2014/06/16 职场文书
2014年高一班主任工作总结
2014/12/05 职场文书
社区六一儿童节活动总结
2015/02/11 职场文书
Ajax实现三级联动效果
2021/10/05 Javascript