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

前端如何实现队列

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

前言

队列对于我们来说再简单不过了,就是排队呀,咱们今天看看怎么使用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);

总结:

小编是一枚前端程序员,欧而会写一些前端的东西,希望能帮助你偶,大家一起学习,一起进步,加油!

相关推荐

MySQL慢查询优化:从explain到索引,DBA手把手教你提升10倍性能

数据库性能是应用系统的生命线,而慢查询就像隐藏在系统中的定时炸弹。某电商平台曾因一条未优化的SQL导致订单系统响应时间从200ms飙升至8秒,最终引发用户投诉和订单流失。今天我们就来系统学习MySQL...

一文读懂SQL五大操作类别(DDL/DML/DQL/DCL/TCL)的基础语法

在SQL中,DDL、DML、DQL、DCL、TCL是按操作类型划分的五大核心语言类别,缩写及简介如下:DDL(DataDefinitionLanguage,数据定义语言):用于定义和管理数据库结构...

闲来无事,学学Mysql增、删,改,查

Mysql增、删,改,查1“增”——添加数据1.1为表中所有字段添加数据1.1.1INSERT语句中指定所有字段名语法:INSERTINTO表名(字段名1,字段名2,…)VALUES(值1...

数据库:MySQL 高性能优化规范建议

数据库命令规范所有数据库对象名称必须使用小写字母并用下划线分割所有数据库对象名称禁止使用MySQL保留关键字(如果表名中包含关键字查询时,需要将其用单引号括起来)数据库对象的命名要能做到见名识意,...

下载工具合集_下载工具手机版

迅雷,在国内的下载地位还是很难撼动的,所需要用到的地方还挺多。缺点就是不开会员,软件会限速。EagleGet,全能下载管理器,支持HTTP(S)FTPMMSRTSP协议,也可以使用浏览器扩展检测...

mediamtx v1.15.2 更新详解:功能优化与问题修复

mediamtxv1.15.2已于2025年10月14日发布,本次更新在功能、性能优化以及问题修复方面带来了多项改进,同时也更新了部分依赖库并提升了安全性。以下为本次更新的详细内容:...

声学成像仪:泄露监测 “雷达” 方案开启精准防控

声学成像仪背景将声像图与阵列上配装的摄像实所拍的视频图像以透明的方式叠合在一起,就形成了可直观分析被测物产生状态。这种利用声学、电子学和信息处理等技术,变换成人眼可见的图像的技术可以帮助人们直观地认识...

最稳存储方案:两种方法将摄像头接入威联通Qu405,录像不再丢失

今年我家至少被4位邻居敲门,就是为了查监控!!!原因是小区内部监控很早就停止维护了,半夜老有小黄毛掰车门偷东西,还有闲的没事划车的,车主损失不小,我家很早就配备监控了,人来亮灯有一定威慑力,不过监控设...

离岗检测算法_离岗检查内容

一、研发背景如今社会许多岗位是严禁随意脱离岗位的,如塔台、保安室、监狱狱警监控室等等,因为此类行为可能会引起重大事故,而此类岗位监督管理又有一定困难,因此促生了智能视频识别系统的出现。二、产品概述及工...

消防安全通道占用检测报警系统_消防安全通道占用检测报警系统的作用

一、产品概述科缔欧消防安全通道占用检测报警系统,是创新行业智能监督管理方式、完善监管部门动态监控及预警预报体系的信息化手段,是实现平台远程监控由“人为监控”向“智能监控”转变的必要手段。产品致力于设...

外出住酒店、民宿如何使用手机检测隐藏的监控摄像头

最近,一个家庭在他们的民宿收到了一个大惊喜:客厅里有一个伪装成烟雾探测器的隐藏摄像头,监视着他们的一举一动。隐藏摄像头的存在如果您住在酒店或民宿,隐藏摄像头不应再是您的担忧。对于民宿,房东应报告所有可...

基于Tilera众核平台的流媒体流量发生系统的设计

曾帅,高宗彬,赵国锋(重庆邮电大学通信与信息工程学院,重庆400065)摘要:设计了一种基于Tilera众核平台高强度的流媒体流量发生系统架构,其主要包括:系统界面管理模块、服务承载模块和流媒体...

使用ffmpeg将rtsp流转流实现h5端播放

1.主要实现rtsp转tcp协议视频流播放ffmpeg下载安装(公认业界视频处理大佬)a、官网地址:www.ffmpeg.org/b、gitHub:github.com/FFmpeg/FFmp…c、推...

将摄像头视频流从Rtsp协议转为websocket协议

写在前面很多通过摄像头拿到的视频流格式都是Rtsp协议的,比如:海康威视摄像头。在现代的浏览器中,已经不支持直接播放Rtsp视频流,而且,海康威视提供的本身的webSdk3.3.0视频插件有很多...

华芸科技推出安全监控中心2.1 Beta测试版

全球独家支持hdmi在线实时监看摄像机画面,具单一、循环或同时监看四频道视频影像,可透过华芸专用红外线遥控器、airemote或是键盘鼠标进行操作,提供摄像机频道增购服务,满足用户弹性扩增频道需...