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访问CSS属性的几种方式介绍
Jul 21 Javascript
js实现瀑布流的三种方式比较
Jun 28 Javascript
javascript从定义到执行 你不知道的那些事
Jan 04 Javascript
JS使用eval()动态创建变量的方法
Jun 03 Javascript
VSCode中如何利用d.ts文件进行js智能提示
Apr 13 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
vue 循环加载数据并获取第一条记录的方法
Sep 26 Javascript
详解Vue CLI 3.0脚手架如何mock数据
Nov 23 Javascript
用Node写一条配置环境的指令
Nov 14 Javascript
js+canvas实现五子棋小游戏
Aug 02 Javascript
JS绘图Flot如何实现动态可刷新曲线图
Oct 16 Javascript
React实现todolist功能
Dec 28 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
windows下zendframework项目环境搭建(通过命令行配置)
2012/12/06 PHP
基于Discuz security.inc.php代码的深入分析
2013/06/03 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
IE无法设置短域名下Cookie
2010/09/23 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
2015/04/07 Javascript
jQuery获得指定元素坐标的方法
2015/04/14 Javascript
JavaScript通过setTimeout实时显示当前时间的方法
2015/04/16 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
jquery获取复选框的值的简单实例
2016/05/26 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
2016/09/06 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
详解Node.js实现301、302重定向服务
2017/04/07 Javascript
Node.js简单入门前传
2017/08/21 Javascript
详解如何构建Promise队列实现异步函数顺序执行
2018/10/23 Javascript
JavaScript模板引擎实现原理实例详解
2018/12/14 Javascript
Vue数字输入框组件的使用方法
2019/10/19 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
2020/06/03 Javascript
Python采集腾讯新闻实例
2014/07/10 Python
Python的Django框架中的数据过滤功能
2015/07/17 Python
安装ElasticSearch搜索工具并配置Python驱动的方法
2015/12/22 Python
git使用.gitignore设置不生效或不起作用问题的解决方法
2017/06/01 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
spark: RDD与DataFrame之间的相互转换方法
2018/06/07 Python
Python文件监听工具pyinotify与watchdog实例
2018/10/15 Python
python学生管理系统开发
2019/01/30 Python
python 字符串追加实例
2019/07/20 Python
python目标检测给图画框,bbox画到图上并保存案例
2020/03/10 Python
html5定位获取当前位置并在百度地图上显示
2014/08/22 HTML / CSS
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
小学教师的自我评价范例
2013/10/31 职场文书
党员检讨书
2014/10/13 职场文书
2014年度考核工作总结
2014/12/24 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
Mysql事务索引知识汇总
2022/03/17 MySQL