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现实多行信息
Aug 26 Javascript
JavaScript 实现模态对话框 源代码大全
May 02 Javascript
什么是json和jsonp,jQuery json实例详详细说明
Dec 11 Javascript
JS实现的省份级联实例代码
Jun 24 Javascript
js生成的验证码的实现与技术分析
Sep 17 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
Sep 23 Javascript
JS函数的几种定义方式分析
Dec 17 Javascript
jquery.validate使用详解
Jun 02 Javascript
Bootstrap CSS布局之表单
Dec 17 Javascript
从零开始搭建一个react项目开发
Feb 09 Javascript
vue ssr 实现方式(学习笔记)
Jan 18 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
Mar 06 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代码优化之成员变量获取速度对比
2014/02/28 PHP
解决ThinkPHP关闭调试模式时报错的问题汇总
2015/04/22 PHP
php5.x禁用eval的操作方法
2018/10/19 PHP
tagName的使用,留一笔
2006/06/26 Javascript
picChange 图片切换特效的函数代码
2010/05/06 Javascript
jquery form表单提交插件asp.net后台中文解码
2010/06/12 Javascript
解析prototype,JQuery中跳出each循环的方法
2013/12/12 Javascript
jQuery 处理页面的事件详解
2015/01/20 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
2015/02/27 Javascript
javascript表单验证大全
2015/08/12 Javascript
学习JavaScript设计模式(封装)
2015/11/26 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
AngularJs  Creating Services详解及示例代码
2016/09/02 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
2016/11/09 Javascript
基于JavaScript实现前端数据多条件筛选功能
2020/08/19 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
利用nginx + node在阿里云部署https的步骤详解
2017/12/19 Javascript
微信小程序tabbar底部导航
2018/11/05 Javascript
vue-cli 目录结构详细讲解总结
2019/01/15 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
2019/07/23 Javascript
如何在Angular8.0下使用ngx-translate进行国际化配置
2019/07/24 Javascript
Vue+Spring Boot简单用户登录(附Demo)
2020/11/12 Javascript
Python Web框架Tornado运行和部署
2020/10/19 Python
Python+tkinter模拟“记住我”自动登录实例代码
2018/01/16 Python
Python使用selenium实现网页用户名 密码 验证码自动登录功能
2018/05/16 Python
python 使用cx-freeze打包程序的实现
2020/03/14 Python
CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
2020/11/30 HTML / CSS
西安夏日科技有限公司Java笔试题
2013/01/11 面试题
物业管理公司实习生自我鉴定
2013/09/19 职场文书
人事助理自荐信
2014/02/02 职场文书
小学生新年寄语
2014/04/03 职场文书
HR求职自荐信范文
2014/06/21 职场文书
三严三实对照检查材料
2014/09/22 职场文书
ObjectMapper 如何忽略字段大小写
2021/06/29 Java/Android
字节飞书面试promise.all实现示例
2022/06/16 Javascript
Win10多屏显示如何设置?Win10电脑多屏显示设置操作方法
2022/07/07 数码科技