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

前端如何实现队列

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

前言

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

总结:

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

相关推荐

eino v0.4.5版本深度解析:接口类型处理优化与错误机制全面升级

近日,eino框架发布了v0.4.5版本,该版本在错误处理、类型安全、流处理机制以及代理配置注释等方面进行了多项优化与修复。本次更新共包含6个提交,涉及10个文件的修改,由2位贡献者共同完成。本文将详...

SpringBoot异常处理_springboot异常注解

在SpringBoot中,异常处理是构建健壮、可维护Web应用的关键部分。良好的异常处理机制可以统一返回格式、提升用户体验、便于调试和监控。以下是SpringBoot中处理异常的完整指...

Jenkins运维之路(Jenkins流水线改造Day02-1-容器项目)

这回对线上容器服务器的流水线进行了一定的改造来满足目前线上的需求,还是会将所有的自动化脚本都放置到代码库中统一管理,我感觉一章不一定写的完,所以先给标题加了个-1,话不多说开干1.本次流水线的流程设计...

告别宕机!零基础搭建服务器监控告警系统!小白也能学会!

前言本文将带你从零开始,一步步搭建一个完整的服务器指标监控与邮件告警系统,使用的技术栈均为业界主流、稳定可靠的开源工具:Prometheus:云原生时代的监控王者,擅长指标采集与告警规则定义Node_...

httprunner实战接口测试笔记,拿走不谢

每天进步一点点,关注我们哦,每天分享测试技术文章本文章出自【码同学软件测试】码同学公众号:自动化软件测试码同学抖音号:小码哥聊软件测试01开始安装跟创建项目pipinstallhttprunne...

基于JMeter的性能压测平台实现_jmeter压测方案

这篇文章已经是两年前写的,短短两年时间,JMeter开源应用技术的发展已经是翻天覆地,最初由github开源项目zyanycall/stressTestPlatform形成的这款测试工具也开始慢...

12K+ Star!新一代的开源持续测试工具!

大家好,我是Java陈序员。在企业软件研发的持续交付流程中,测试环节往往是影响效率的关键瓶颈,用例管理混乱、接口调试复杂、团队协作不畅、与DevOps流程脱节等问题都能影响软件交付。今天,给大家...

Spring Boot3 中分库分表之后如何合并查询

在当今互联网应用飞速发展的时代,数据量呈爆发式增长。对于互联网软件开发人员而言,如何高效管理和查询海量数据成为了一项关键挑战。分库分表技术应运而生,它能有效缓解单库单表数据量过大带来的性能瓶颈。而在...

离线在docker镜像方式部署ragflow0.17.2

经常项目上会出现不能连外网的情况,要怎么使用ragflow镜像部署呢,这里提供详细的步骤。1、下载基础镜像根据docker-compose-base.yml及docker-compose.yml中的i...

看,教你手写一个最简单的SpringBoot Starter

何为Starter?想必大家都使用过SpringBoot,在SpringBoot项目中,使用最多的无非就是各种各样的Starter了。那何为Starter呢?你可以理解为一个可拔插式...

《群星stellaris》军事基地跳出怎么办?解决方法一览

《群星stellaris》军事基地跳出情况有些小伙伴出现过这种情况,究竟该怎么解决呢?玩家“gmjdadk”分享的自己的解决方法,看看能不能解决。我用英文原版、德语、法语和俄语四个版本对比了一下,结果...

数据开发工具dbt手拉手教程-03.定义数据源模型

本章节介绍在dbt项目中,如何定义数据源模型。定义并引入数据源通过Extract和Load方式加载到仓库中的数据,可以使用dbt中的sources组件进行定义和描述。通过在dbt中将这些数据集(表)声...

docker compose 常用命令手册_docker-compose init

以下是DockerCompose常用命令手册,按生命周期管理、服务运维、构建配置、扩缩容、调试工具分类,附带参数解析、示例和关键说明,覆盖多容器编排核心场景:一、生命周期管理(核心命令...

RagFlow与DeepSeek R1本地知识库搭建详细步骤及代码实现

一、环境准备硬件要求独立显卡(建议NVIDIAGPU,8GB显存以上)内存16GB以上,推荐32GB(处理大规模文档时更高效)SSD硬盘(加速文档解析与检索)软件安装bash#必装组件Docker...

Docker Compose 配置更新指南_docker-compose配置

高效管理容器配置变更的最佳实践方法重启范围保留数据卷适用场景docker-composeup-d变更的服务常规配置更新--force-recreate指定/所有服务强制重建down→up流程...