百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

前端如何实现队列

liuian 2025-04-29 02:06 48 浏览

前言

队列对于我们来说再简单不过了,就是排队呀,咱们今天看看怎么使用js 实现队列的思想,简单容易理解,可以看看偶

1.定义

队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表。进行插入操作的端称为队尾,进行删除操作的端称为队头。队列 先进先出

2.队列的实现

2.1 对列的方法

  1. enqueue 从队列尾部添加一个元素
  2. dequeue 从队列头部删除一个元素
  3. head 返回头部的元素 不是删除
  4. size 返回队列的大小
  5. clear 清空队列
  6. isEmpty 判断队列是否为空
  7. 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,则可...

win7电脑系统恢复(win7 恢复)
  • win7电脑系统恢复(win7 恢复)
  • win7电脑系统恢复(win7 恢复)
  • win7电脑系统恢复(win7 恢复)
  • win7电脑系统恢复(win7 恢复)
极速重装系统(极速重装系统安全吗)

1如果手机系统低无法安装巅峰极速,可以尝试升级手机系统或者寻找其他适配的版本。2低版本的手机系统可能不具备巅峰极速所需的硬件和软件要求,因此无法安装。升级手机系统可以获得更好的兼容性和性能,从而解...

电脑蓝屏怎么解决0x000000ed
电脑蓝屏怎么解决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连...