数据结构与算法【JavaScript版】— 队列

队列简介

什么是队列

• 一个先进先出的数据结构
  
• JavaScript中没有队列，但可以用Array实现队列的所有功能

// 定义数组模拟队列
const queue = [];
queue.push(1);
queue.push(2);
// 使用shift弹出队列的第一个元素并返回
const item1 = queue.shift();
const item2 = queue.shift();

什么场景使用队列

队列的应用场景

• 需要先进先出的场景
• 比如：食堂排队打饭、JS异步中的任务队列、计算最近请求次数

场景1：食堂排队打饭

• 食堂只留一个窗口，学生排队打饭
• 先进先出可以保证有序性

场景2：JS异步中的任务队列

• JS是单线程的，无法同时处理异步中的并发任务
• 使用任务队列先后处理异步任务
• 实例代码

setTimeout(()=> console.log(1), 0)
console.log(2)
// 先打印2再打印1
// 原因:
// 比如上述代码运行时会有一个主事件,即是匿名的任务队列，因为js是单线程的，每次执行处理一个队列
// 在任务队列中，首先setTimeout和console.log(2)先后入队列，当发现有setTimeout(异步任务)时其内部的内容放到了WebAPIs中进行处理，WebAPIs在执行完setTimeout在0秒中后运行完成了，console.log(1)的内容会进入到任务队列中
// 此时上述代码顺序执行还没有完,故会当console.log(2)执行之后出队列，才会执行console.log(1)
// 若每次执行任务时遇到异步内容，就会再次扔给WebAPIs去处理，WebAPIs处理之后依旧会把内容放置到任务队列中，这个循环就是 JS事件循环

场景3：计算最近请求次数

• 问题：输入一个数组，代表每个请求发起的时刻，输出每个时刻下最近的请求次数（当前时间计算，3000毫秒内的请求次数）
• 输入：inputs = [[], [1], [100], [3001], [3002]]
• 输出：[null, 1, 2, 3, 3]
• 实现思路：有新请求就入队，3000ms前发出的请求出队，队列的长度就是最近的请求次数

章节总结

• 队列是一个先进先出的数据结构
• JavaScript没有队列，但可以用Array实现队列的所有功能
• 队列常用操作：push / shift / queue[0]