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来实现动画导航效果的代码
Dec 16 Javascript
jQuery中:lt选择器用法实例
Dec 29 Javascript
javascript实现的固定位置悬浮窗口实例
Apr 30 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
Jun 06 Javascript
Vue.js实现简单动态数据处理
Feb 13 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
Jun 17 Javascript
javascript代码优化的8点总结
Jan 29 Javascript
vue-rx的初步使用教程
Sep 21 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
js时间转换毫秒的实例代码
Aug 21 Javascript
Vue如何获取数据列表展示
Dec 11 Javascript
JS实现小米轮播图
Sep 21 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
基于initPHP的框架介绍
2013/04/18 PHP
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
php中try catch捕获异常实例详解
2014/11/21 PHP
php编写的一个E-mail验证类
2015/03/25 PHP
学习php设计模式 php实现工厂模式(factory)
2015/12/07 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
JScript中的"this"关键字使用方式补充材料
2007/03/08 Javascript
读jQuery之八 包装事件对象
2011/06/21 Javascript
js保留小数点后几位的写法
2014/01/03 Javascript
javascript 面向对象封装与继承
2014/11/27 Javascript
分享纯手写漂亮的表单验证
2015/11/19 Javascript
详解JavaScript中基于原型prototype的继承特性
2016/05/05 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
2016/06/12 Javascript
html+js实现简单的计算器代码(加减乘除)
2016/07/12 Javascript
修改Jquery Dialog 位置的实现方法
2016/08/26 Javascript
Angular 2父子组件数据传递之@Input和@Output详解(下)
2017/07/05 Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
2017/08/18 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
mpvue构建小程序的方法(步骤+地址)
2018/05/22 Javascript
使用Vue.observable()进行状态管理的实例代码详解
2019/05/26 Javascript
JSX在render函数中的应用详解
2019/09/04 Javascript
Centos下实现安装Python3.6和Python2共存
2018/08/15 Python
Django中的ajax请求
2018/10/19 Python
基于python指定包的安装路径方法
2018/10/27 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
python单例设计模式实现解析
2020/01/07 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
2013/01/31 HTML / CSS
英国最大的老式糖果店:A Quarter Of
2017/04/08 全球购物
在C#中如何实现多态
2014/07/02 面试题
新学期教师寄语
2014/04/02 职场文书
幼儿园班级工作总结2015
2015/05/25 职场文书
教师理论学习心得体会
2016/01/21 职场文书
Java 超详细讲解设计模式之中的抽象工厂模式
2022/03/25 Java/Android