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 相关文章推荐
jquery 实现两Select 标签项互调示例代码
Sep 25 Javascript
jQuery子属性过滤选择器用法分析
Feb 10 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
Mar 03 Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 Javascript
js实现全国省份城市级联下拉菜单效果代码
Sep 07 Javascript
js带点自动图片轮播幻灯片特效代码分享
Sep 07 Javascript
JQuery fileupload插件实现文件上传功能
Mar 18 Javascript
jQuery简单实现tab选项卡切换效果
Jun 20 Javascript
vue-router实现tab标签页(单页面)详解
Oct 17 Javascript
微信小程序实现自定义modal弹窗封装的方法
Jun 15 Javascript
vue中锚点的三种方法
Jul 06 Javascript
react 生命周期实例分析
May 18 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
优化PHP代码的53条建议
2008/03/27 PHP
PHP使用PHPMailer发送邮件的简单使用方法
2013/11/12 PHP
PHP正则替换函数preg_replace和preg_replace_callback使用总结
2014/09/22 PHP
8个PHP数组面试题
2015/06/23 PHP
使用URL传输SESSION信息
2015/07/14 PHP
双冒号 ::在PHP中的使用情况
2015/11/05 PHP
浅谈PHP中静态方法和非静态方法的相互调用
2016/10/04 PHP
php表单处理操作
2017/11/16 PHP
win10 apache配置虚拟主机后localhost无法使用的解决方法
2018/01/27 PHP
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
2011/03/28 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
2014/05/11 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
jquery trigger实现联动的方法
2016/02/29 Javascript
JavaScript实现通过select标签跳转网页的方法
2016/09/29 Javascript
AngularJS指令用法详解
2016/11/02 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
基于vue实现简易打地鼠游戏
2020/08/21 Javascript
详解微信小程序动画Animation执行过程
2020/09/23 Javascript
[04:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster 选手采访
2021/03/11 DOTA
Python类的基础入门知识
2008/11/24 Python
Python求两个文本文件以行为单位的交集、并集与差集的方法
2015/06/17 Python
Python的Django框架中的数据库配置指南
2015/07/17 Python
详解Django中六个常用的自定义装饰器
2018/07/04 Python
python 分离文件名和路径以及分离文件名和后缀的方法
2018/10/21 Python
python用post访问restful服务接口的方法
2018/12/07 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
abstract是什么意思
2012/02/12 面试题
行政文员岗位职责
2013/11/08 职场文书
网络优化专员求职信
2014/05/04 职场文书
情人节活动总结范文
2015/02/05 职场文书
超市采购员岗位职责
2015/04/07 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
前端JavaScript大管家 package.json
2021/11/02 Javascript
PO模式在selenium自动化测试框架的优势
2022/03/20 Python