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 相关文章推荐
HTA版JSMin(省略修饰语若干)基于javascript语言编写
Dec 24 Javascript
JavaScript 题型问答有答案参考
Feb 17 Javascript
根据出生日期自动取得星座的js代码
Jul 20 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
Feb 19 Javascript
jQuery的end()方法使用详解
Jul 15 Javascript
总结JavaScript中布尔操作符||与&&的使用技巧
Nov 17 Javascript
使用json来定义函数,在里面可以定义多个函数的实现方法
Oct 28 Javascript
微信小程序商城项目之购物数量加减(3)
Apr 17 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
Angular8 Http拦截器简单使用教程
Aug 20 Javascript
vue.js的状态管理vuex中store的使用详解
Nov 08 Javascript
写一个Vue loading 插件
Nov 09 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在Web开发领域的优势
2006/10/09 PHP
在PHP中实现Javascript的escape()函数代码
2010/08/08 PHP
PHP错误抑制符(@)导致引用传参失败Bug的分析
2011/05/02 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
php cookie中点号(句号)自动转为下划线问题
2014/10/21 PHP
php中FTP函数ftp_connect、ftp_login与ftp_chmod用法
2014/11/18 PHP
WIFI万能钥匙密码查询接口实例
2015/09/28 PHP
php实现购物车功能(下)
2016/01/05 PHP
自制PHP框架之设计模式
2017/05/07 PHP
利用PHP获取汉字首字母并且分组排序详解
2017/10/22 PHP
购物车实现的几种方式优缺点对比
2018/05/02 PHP
jQuery 动态酷效果实现总结
2009/12/27 Javascript
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
Web 前端设计模式--Dom重构 提高显示性能
2010/10/22 Javascript
Javascript的各种节点操作实例演示代码
2012/06/27 Javascript
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
第二篇Bootstrap起步
2016/06/21 Javascript
关于JavaScript限制字数的输入框的那些事
2016/08/14 Javascript
JS锚点的设置与使用方法
2016/09/05 Javascript
浅谈jquery页面初始化的4种方式
2016/11/27 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
2017/04/16 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
2020/05/09 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
如何在JavaScript中正确处理变量
2020/12/25 Javascript
python 实时遍历日志文件
2016/04/12 Python
Python-嵌套列表list的全面解析
2016/06/08 Python
python遍历序列enumerate函数浅析
2017/10/17 Python
python 移动图片到另外一个文件夹的实例
2019/01/10 Python
Python使用lambda表达式对字典排序操作示例
2019/07/25 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
Hotels.com越南:酒店预订
2019/10/29 全球购物
证婚人经典证婚词
2014/01/09 职场文书
学用政策心得体会
2014/09/10 职场文书
八月一日观后感
2015/06/10 职场文书