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 相关文章推荐
一个判断email合法性的函数[非正则]
Dec 09 Javascript
jquery select(列表)的操作(取值/赋值)
Aug 06 Javascript
捕获浏览器关闭、刷新事件不同情况下的处理方法
Jun 02 Javascript
利用JS延迟加载百度分享代码,提高网页速度
Jul 01 Javascript
jquery计算鼠标和指定元素之间距离的方法
Jun 26 Javascript
基于jquery实现人物头像跟随鼠标转动
Aug 23 Javascript
浅析JavaScript访问对象属性和方法及区别
Nov 16 Javascript
第八篇Bootstrap下拉菜单实例代码
Jun 21 Javascript
使用Node.js实现RESTful API的示例
Aug 01 Javascript
如何优雅地在vue中添加权限控制示例详解
Mar 07 Javascript
详解vue后台系统登录态管理
Apr 02 Javascript
js实现视图和数据双向绑定的方法分析
Feb 05 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
神族 Protoss 剧情介绍
2020/03/14 星际争霸
Ajax+PHP边学边练 之五 图片处理
2009/12/03 PHP
php access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
php仿QQ验证码的实例分析
2013/07/01 PHP
常用的php图片处理类(水印、等比缩放、固定高宽)分享
2015/06/19 PHP
PHP处理bmp格式图片的方法分析
2017/07/04 PHP
Mac下快速搭建PHP开发环境步骤详解
2019/05/05 PHP
Iframe 自适应高度并实时监控高度变化的js代码
2009/10/30 Javascript
基于jQuery的history历史记录插件
2010/12/11 Javascript
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
动态的绑定事件addEventListener方法的使用
2014/01/24 Javascript
node.js中的fs.linkSync方法使用说明
2014/12/15 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
JavaScript中的事件委托及好处
2016/07/12 Javascript
JavaScript Date对象应用实例分享
2017/10/30 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
解决iview多表头动态更改列元素发生的错误的方法
2018/11/02 Javascript
element-ui table span-method(行合并)的实现代码
2018/12/20 Javascript
[42:20]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
[20:39]DOTA2-DPC中国联赛 正赛开幕式 1月18日
2021/03/11 DOTA
linux系统使用python获取内存使用信息脚本分享
2014/01/15 Python
让python在hadoop上跑起来
2016/01/27 Python
轻松实现python搭建微信公众平台
2016/02/16 Python
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
Python类属性的延迟计算
2016/10/22 Python
深入理解Python单元测试unittest的使用示例
2017/11/18 Python
HTML5 video循环播放多个视频的方法步骤
2020/08/06 HTML / CSS
红色康乃馨酒店:Red Carnation Hotels
2017/06/22 全球购物
Opodo英国旅游网站:预订廉价航班、酒店和汽车租赁
2018/07/14 全球购物
如何开发一个JQuery插件
2016/07/28 面试题
2014年医药代表工作总结
2014/11/22 职场文书
企业党建工作总结2015
2015/05/26 职场文书
一年级下册数学教学反思
2016/02/16 职场文书
python三子棋游戏
2022/05/04 Python