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 相关文章推荐
单独使用CKFinder选择图片的方法
Aug 21 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
Mar 15 Javascript
两个数组去重的JS代码
Dec 04 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 Javascript
jQuery实现新消息闪烁标题提示的方法
Mar 11 Javascript
javascript:void(0)点击登录没反应怎么解决
Nov 13 Javascript
jqueryMobile使用示例分享
Jan 12 Javascript
js表单登陆验证示例
Oct 19 Javascript
js学习笔记之事件处理模型
Oct 31 Javascript
深入理解node.js http模块
Jan 24 Javascript
Vue2.X 通过AJAX动态更新数据
Jul 17 Javascript
利用JavaScript写一个简单计算器
Nov 27 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 学习路线与时间表
2010/02/21 PHP
WordPress中设置Post Type自定义文章类型的实例教程
2016/05/10 PHP
php实现的XML操作(读取)封装类完整实例
2017/02/23 PHP
PHP排序算法之简单选择排序(Simple Selection Sort)实例分析
2018/04/20 PHP
javascript setTimeout和setInterval 的区别
2009/12/08 Javascript
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
使用jquery实现图文切换效果另加特效
2013/01/20 Javascript
JavaScript Array对象扩展indexOf()方法
2014/05/09 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
2015/12/25 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
2016/03/07 Javascript
轮播的简单实现方法
2016/07/28 Javascript
jQuery判断是否存在滚动条的简单方法
2016/09/17 Javascript
浅谈AngularJs指令之scope属性详解
2016/10/24 Javascript
Javascript中的神器——Promise
2017/02/08 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
Python中map和列表推导效率比较实例分析
2015/06/17 Python
浅析Python的Django框架中的Memcached
2015/07/23 Python
Python命令启动Web服务器实例详解
2017/02/23 Python
python中的decorator的作用详解
2018/07/26 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
python pygame实现球球大作战
2019/11/25 Python
在jupyter notebook 添加 conda 环境的操作详解
2020/04/10 Python
tensorflow之读取jpg图像长和宽实例
2020/06/18 Python
Html5在手机端调用相机的方法实现
2020/05/13 HTML / CSS
BOSE德国官网:尽探索之力,享音乐之极
2016/12/11 全球购物
俄罗斯品牌服装和鞋子的在线商店:KUPIVIP
2019/10/27 全球购物
Linux的主要特性
2014/10/06 面试题
走群众路线学习心得体会
2014/10/31 职场文书
道士塔读书笔记
2015/06/30 职场文书
SpringBoot集成Redis的思路详解
2021/10/16 Redis
golang实现浏览器导出excel文件功能
2022/03/25 Golang
MySql重置root密码 --skip-grant-tables
2022/04/11 MySQL