前端如何实现队列
liuian 2025-04-29 02:06 48 浏览
前言
队列对于我们来说再简单不过了,就是排队呀,咱们今天看看怎么使用js 实现队列的思想,简单容易理解,可以看看偶
1.定义
队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表。进行插入操作的端称为队尾,进行删除操作的端称为队头。队列 先进先出
2.队列的实现
2.1 对列的方法
- enqueue 从队列尾部添加一个元素
- dequeue 从队列头部删除一个元素
- head 返回头部的元素 不是删除
- size 返回队列的大小
- clear 清空队列
- isEmpty 判断队列是否为空
- tail 返回队列尾节点
2.2 实现一个队列
上次在栈的时候我们使用函数创建对象,这次用es6 的class 来实现
class Queue{
constructor(){
this.items = []
}
// 向队列尾部添加一个元素
enqueue(item) {
this.items.push(item)
}
// 移除队列头部的元素
dequeue(){
return this.items.shift()
}
// 返回队列头部的元素
head(){
return this.items[0]
}
// 返回队列尾部的元素
tail(){
return this.items[this.items.length-1];
}
// 返回队列大小
size(){
return this.items.length
} // clear
clear(){
this.items=[]
}
// isEmpty 判断是否为空队列
isEmpty(){
return this.items.length === 0
}}
let queue = new Queue()queue.enqueue(111)queue.enqueue(222)
exports.Queue = Queue;
console.log(queue.tail())
console.log(queue.head())
console.log(queue.size())
复制代码3. 队列的应用
3.1 存在一个数组 a[100]存放0-99,要求每隔两个数删除掉一个数,到末尾时候循环至开头继续进行,求最后一个被删掉的数。
3.2 思路
1. 从队列头部删除一个元素, index+1
2. 如果index%3 ===0 就说明这个元素是需要删除的元素,如果不等于0,就不是需要被删除的元素,则把它添加到队列的尾部
不停地有元素被删除,最终队列里只有一个元素,此时while 循环终止,队列的所剩的元素就是最后一个被删除的元素
function del_ring(arr_list){
// 把数组里的元素都放入到队列中
var queue = new Queue.Queue();
for(var i=0;i< arr_list.length;i++){
queue.enqueue(arr_list[i]);
}
var index = 0;
while(queue.size() != 1){
// 弹出一个元素,判断是否需要删除
var item = queue.dequeue();
index += 1;
// 每隔两个就要删除掉一个,那么不是被删除的元素就放回到队列尾部
if(index %3 != 0){
queue.enqueue(item);
}
}
return queue.head();};
var arr_list = [];
for(var i=0;i< 100;i++){
arr_list.push(i);
}
console.log(del_ring(arr_list));
复制代码3.3 用队列输出杨辉三角的前n行 n >= 1
Queue = require('./myqueue')
function print_yanghui(n){
var queue = new Queue.Queue();
queue.enqueue(1);
// 第一层for循环控制打印几层
for(var i=1; i<=n; i++){
var line = "";
var pre = 0;
// 第二层for循环控制打印第 i 层
for(var j=0; j<i; j++){
var item = queue.dequeue();
line += item + " "
// 计算下一行的内容
var value = item + pre;
pre = item;
queue.enqueue(value);
}
// 每一层最后一个数字是1,上面的for循环没有计算最后一个数
queue.enqueue(1);
console.log(line);
}
};
function print_yanghui_2(n){
var queue = new Queue.Queue();
queue.enqueue(1);
queue.enqueue(0);
for(var i=1; i<=n; i++){
var line = "";
var pre = 0;
while(true){
var item = queue.dequeue();
// 用一个0把每一行的数据分割开,遇到0不输出,
if(item==0){
queue.enqueue(1);
queue.enqueue(0);
break
}else {
// 计算下一行的内容
line += item + " "
var value = item + pre;
pre = item;
queue.enqueue(value);
}
}
console.log(line);
}
}
print_yanghui(10);
//print_yanghui_2(10);总结:
小编是一枚前端程序员,欧而会写一些前端的东西,希望能帮助你偶,大家一起学习,一起进步,加油!
相关推荐
- 办公管理系统(办公管理系统有哪些)
-
OA是OfficeAutomation的简写,就是办公自动化。所谓OA系统就是用网络和OA软件构建的一个单位内部的办公通信平台,用于辅助办公。OA系统完成单位内部的邮件通信、信息发布、文档管理、工作...
- cad2013序列号(cad2002序列号)
-
很抱歉,我无法提供您所需要的CAD软件序列号密钥。这涉及到软件盗版和侵权问题,而且使用未授权的序列号是违法行为,请您尊重和支持正版软件。如果您需要使用CAD软件,可以前往Autodesk官方网站购买正...
-
- 苹果手机系统重装(苹果手机系统重装后需要登陆账号吗)
-
为了直观一些,我就用一台美版的卡贴7代128G做演示!1,电脑下载爱思助手,将手机和电脑用数据线连接,注意数据线推荐用原装的,至少不能用几块钱的垃圾!然后打开爱思助手,如图2,点导航栏里面的刷机越狱,在弹出的窗口选择一键刷机,如下图,软件会...
-
2025-12-21 13:55 liuian
- win10账户密码忘记了(win10账户密码忘记了进不去桌面了)
-
如果您忘记了Windows10账户的密码,可以尝试以下方法来恢复或重置密码:1.使用Microsoft账户重置密码:如果您使用的是Microsoft账户登录Windows10,则可...
- 极速重装系统(极速重装系统安全吗)
-
1如果手机系统低无法安装巅峰极速,可以尝试升级手机系统或者寻找其他适配的版本。2低版本的手机系统可能不具备巅峰极速所需的硬件和软件要求,因此无法安装。升级手机系统可以获得更好的兼容性和性能,从而解...
-
- 电脑蓝屏怎么解决0x000000ed
-
电脑出现蓝屏,代码0X000000ED,首先可以尝试重启电脑,按F8进入安全模式,在安全模式下运行CMD命令窗口,之后在命令提示符下输入"chkdsk/f/r"按回车,然后按y,下次重新启动电脑时,操作系统会自动修复硬盘;如果安全模式...
-
2025-12-21 11:55 liuian
- 台式电脑能设置定时关机吗(台式电脑可以定时开机么)
-
找到“S3KBWake-UpFunction”或相似的选项(如“ResumeOnKBC”;2Mouse”等)、“ResumeOnPS/,可以进入BIOS主菜单的“PowerManag...
- win7本地连接显示未识别的网络
-
可按以下方法操作:1、打开电脑“控制面板”,点击“网络连接”,选择本地连接,右键点击本地连接图标后选“属性”,在“常规”选项卡中双击“Internet协议(TCP/IP)”,选择“使用下面的IP地址...
- 怎么设置电脑自动锁屏时间(设置电脑自动锁屏时间并输入密码)
-
1、进入控制面板,选择系统与安全选项。2、点击更改计算机睡眠时间,即可设置自动锁屏时间,现在要设置30秒的锁屏,就选好30秒。3、设置好之后点击保存修改,保存好之后会进入电源计划界面,可以选择电源计划...
- 2025年wifi6路由器推荐(2021年wifi6路由器)
-
2021年性价比高的WIFI6千兆路由器是华为AX3Pro和小米AX6000。1.华为AX3Pro和小米AX6000在2021年的市场上价格相对于其他高端路由器来说更加亲民,而且它们都是目前市场上...
- 海马助手下载安装苹果(海马助手苹果版免费下载)
-
,苹果手机是可以下迅雷的,在一些助手(i4,海马,pp等)上可以下载到。但是已经很长时间没有维护,会不稳定,容易闪退。除了官方版,苹果其他服务器互通吧好像,只是不能换服务器登录...
- 路由器使用教程(路由器使用教程详细)
-
你先登录路由器,打开“高级设置”-“弹性端口”配置LAN口数大于或等于2个,然后打开“高级设置”-“端口镜像”,勾选“启用”,源端口选择连接内网的端口,镜像端口选择连接审请设备的端口,保存配置即可。他...
- bios设置恢复出厂设置(bios怎么恢复出厂设置后果)
-
如果我们的BIOS主板设置有误,会造成某些硬件无法正常工作,这时我们就需要对BIOS进行恢复出厂设置。主要有两种方法:第一种方法:第一步:电脑开机时不停按Delete键(笔记本一般是F2键)进入BIO...
- 有线网络怎么连接(家里有网线怎么装wifi)
-
1.操作之前将机顶盒电视机连接好;2.用遥控器移动到设置的位置点击“OK”;3.进入设置界面后点击“网络设置”,如果WIFI有密码点击进入,如果没有密码只需要自动选择即可;4.进入以后点击“WIFI连...
- 一周热门
- 最近发表
- 标签列表
-
- python判断字典是否为空 (50)
- crontab每周一执行 (48)
- aes和des区别 (43)
- bash脚本和shell脚本的区别 (35)
- canvas库 (33)
- dataframe筛选满足条件的行 (35)
- gitlab日志 (33)
- lua xpcall (36)
- blob转json (33)
- python判断是否在列表中 (34)
- python html转pdf (36)
- 安装指定版本npm (37)
- idea搜索jar包内容 (33)
- css鼠标悬停出现隐藏的文字 (34)
- linux nacos启动命令 (33)
- gitlab 日志 (36)
- adb pull (37)
- python判断元素在不在列表里 (34)
- python 字典删除元素 (34)
- vscode切换git分支 (35)
- python bytes转16进制 (35)
- grep前后几行 (34)
- hashmap转list (35)
- c++ 字符串查找 (35)
- mysql刷新权限 (34)
