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 相关文章推荐
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
Feb 04 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
Dec 13 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
Jul 30 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
Feb 20 Javascript
Angular1.x自定义指令实例详解
Mar 01 Javascript
深入理解Javascript中的作用域链和闭包
Apr 25 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
Feb 03 Javascript
vue中的计算属性实例详解
Sep 19 Javascript
layui--select使用以及下拉框实现键盘选择的例子
Sep 24 Javascript
基于JQuery实现页面定时弹出广告
May 08 jQuery
vue实现五子棋游戏
May 28 Javascript
vue各种事件监听实例(小结)
Jun 24 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 md5下16位和32位的实现代码
2008/04/09 PHP
PHP中获取内网用户MAC地址(WINDOWS/linux)的实现代码
2011/08/11 PHP
深入PHP购物车模块功能分析(函数讲解,附源码)
2013/06/25 PHP
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
php实现当前页面点击下载文件的简单方法
2016/09/22 PHP
php 微信开发获取用户信息如何实现
2016/12/13 PHP
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
2011/07/31 Javascript
日期处理的js库(迷你版)--自建js库总结
2011/11/21 Javascript
jQuery在iframe中无法弹出对话框的解决方法
2014/01/12 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
2014/04/10 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
轻松创建nodejs服务器(2):nodejs服务器的构成分析
2014/12/18 NodeJs
javascript数组去重的六种方法汇总
2015/08/16 Javascript
基于JavaScript实现类似于百度学术高级检索功能
2016/03/02 Javascript
Bootstrap表单使用方法详解
2017/02/17 Javascript
js 博客内容进度插件详解
2017/02/19 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
Angular4表单验证代码详解
2017/09/03 Javascript
vue组件学习教程
2017/09/09 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
2020/05/23 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
2020/10/22 Javascript
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
python 实时得到cpu和内存的使用情况方法
2018/06/11 Python
Python 通过调用接口获取公交信息的实例
2018/12/17 Python
django框架创建应用操作示例
2019/09/26 Python
opencv python图像梯度实例详解
2020/02/04 Python
详解python 条件语句和while循环的实例代码
2020/12/28 Python
python 利用matplotlib在3D空间中绘制平面的案例
2021/02/06 Python
玩具反斗城葡萄牙官方商城:Toys"R"Us葡萄牙
2016/10/21 全球购物
世界最大的海报和艺术印刷商店:AllPosters.com
2017/02/01 全球购物
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
英文请假条
2014/04/11 职场文书
会计专业求职信范文
2015/03/19 职场文书
医务人员医德医风心得体会
2016/01/25 职场文书