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 相关文章推荐
Javascript之旅 对象的原型链之由来
Aug 25 Javascript
JavaScript中用字面量创建对象介绍
Dec 31 Javascript
JavaScript实现身份证验证代码
Feb 17 Javascript
javascript与jquery动态创建html元素示例
Jul 25 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
Element-ui tree组件自定义节点使用方法代码详解
Sep 17 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
Nov 14 Javascript
微信小程序生成分享海报方法(附带二维码生成)
Mar 29 Javascript
JS实现的贪吃蛇游戏案例详解
May 01 Javascript
详解jQuery中的prop()使用方法
Jan 05 jQuery
JS实现动态无缝轮播
Jan 11 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
一次编写,随处运行
2006/10/09 PHP
解析php如何将日志写进syslog
2013/06/28 PHP
PHP开发注意事项总结
2015/02/04 PHP
smarty中改进truncate使其支持中文的方法
2016/05/30 PHP
PHP的mysqli_stmt_init()函数讲解
2019/01/24 PHP
javascript Select标记中options操作方法集合
2008/10/22 Javascript
Javascript的&&和||的另类用法
2014/07/23 Javascript
jQuery学习笔记之基础中的基础
2015/01/19 Javascript
深入分析Cookie的安全性问题
2015/03/01 Javascript
javascript控制图片播放的实现代码
2020/07/29 Javascript
jquery编写Tab选项卡滚动导航切换特效
2020/07/17 Javascript
浅谈JavaScript 中有关时间对象的方法
2016/08/15 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
2016/08/25 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
2018/05/27 Javascript
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
Vue实现图书管理案例
2021/01/20 Vue.js
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
Python中使用hashlib模块处理算法的教程
2015/04/28 Python
Python的爬虫包Beautiful Soup中用正则表达式来搜索
2016/01/20 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
Python 限定函数参数的类型及默认值方式
2019/12/24 Python
python实现俄罗斯方块小游戏
2020/04/24 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
Omio荷兰:预订火车、巴士和机票
2018/11/04 全球购物
Nike比利时官网:Nike.com (BE)
2019/02/07 全球购物
在线购买澳大利亚设计师手拿包和奢华晚装手袋:Olga Berg
2019/03/20 全球购物
澳大利亚Rockwear官网:女子瑜伽、健身和运动服
2021/01/26 全球购物
如何利用find命令查找文件
2015/02/07 面试题
品质口号大全
2014/06/17 职场文书
语文教师个人工作总结
2015/02/06 职场文书
2015年教师节慰问信
2015/03/23 职场文书
python读取pdf格式文档的实现代码
2021/04/01 Python
python 经纬度求两点距离、三点面积操作
2021/06/03 Python
PHP RabbitMQ消息列队
2022/05/11 PHP