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 相关文章推荐
js控制淡入淡出示例代码
Nov 12 Javascript
JQuery动画与特效实例分析
Feb 02 Javascript
javascript白色简洁计算器
May 04 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
Nov 05 Javascript
整理Javascript流程控制语句学习笔记
Nov 29 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
jQuery的deferred对象使用详解
Sep 25 Javascript
基于MVC方式实现三级联动(JavaScript)
Jan 23 Javascript
Vue子组件向父组件通信与父组件调用子组件中的方法
Jun 22 Javascript
微信小程序实现打卡日历功能
Sep 21 Javascript
vue项目打包上传github并制作预览链接(pages)
Apr 19 Javascript
如何利用JavaScript编写一个格斗小游戏
Jan 06 Javascript
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
NOD32 v2.70.32 简体中文封装版 提供下载了
2007/02/27 PHP
php escape URL编码
2008/12/10 PHP
Linux编译升级php的详细方法
2013/11/04 PHP
php小技巧之过滤ascii控制字符
2014/05/14 PHP
ThinkPHP CURD方法之table方法详解
2014/06/18 PHP
php实现兼容2038年后Unix时间戳转换函数
2015/03/18 PHP
PHP生成及获取JSON文件的方法
2016/08/23 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
jQuery中live方法的重复绑定说明
2011/10/21 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
2012/01/15 Javascript
js的隐含参数(arguments,callee,caller)使用方法
2014/01/28 Javascript
JavaScript使用循环和分割来替换和删除元素实例
2014/10/13 Javascript
JavaScript插件化开发教程 (三)
2015/01/27 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
前端框架Vue.js构建大型应用浅析
2016/09/12 Javascript
React Native使用Modal自定义分享界面的示例代码
2017/10/31 Javascript
微信小程序图片左右摆动效果详解
2019/07/13 Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
2019/09/26 Javascript
python如何在循环引用中管理内存
2018/03/20 Python
Python实现ping指定IP的示例
2018/06/04 Python
python计算两个数的百分比方法
2018/06/29 Python
浅谈图像处理中掩膜(mask)的意义
2020/02/19 Python
python利用xlsxwriter模块 操作 Excel
2020/10/14 Python
德购商城:德国进口直邮商城
2017/06/13 全球购物
Optimalprint加拿大:在线打印服务
2020/04/03 全球购物
莫斯科珠宝厂官方网站:Miuz
2020/09/19 全球购物
军人违纪检讨书
2014/02/04 职场文书
升职演讲稿范文
2014/05/23 职场文书
企业活动策划方案
2014/06/02 职场文书
关于读书的演讲稿500字
2014/08/27 职场文书
2014年食堂工作总结
2014/11/20 职场文书
综合管理员岗位职责
2015/02/11 职场文书
2015年世界急救日宣传活动方案
2015/05/06 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
如何自己动手写SQL执行引擎
2021/06/02 MySQL