【03】队列（queue）

队列

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

const queue = [];

// 入队
queue.push(1)
queue.push(2)

// 出队
const item1 = queue.shift()
const item2 = queue.shift()

场景

• 符合 先进先出 的特点
• 比如：食堂排队打饭、JS异步中的任务队列、计算最近请求次数

JS异步中的任务队列（Callback Queue）

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

// 异步面试题
setTimeout(()=> console.log(1),0)
console.log(2)
// 2 1

事件循环与任务队列

• Event Loop：事件循环
• Callback Queue：任务队列
• JS： JS引擎，用于执行代码
• WebAPIs：执行异步代码，回调函数放到 Callback Queue

LeetCode：933 最近的请求次数

link

输入：
["RecentCounter", "ping", "ping", "ping", "ping"]
[[], [1], [100], [3001], [3002]]
输出：
[null, 1, 2, 3, 3]

解释：
RecentCounter recentCounter = new RecentCounter();
recentCounter.ping(1);     // requests = [1]，范围是 [-2999,1]，返回 1
recentCounter.ping(100);   // requests = [1, 100]，范围是 [-2900,100]，返回 2
recentCounter.ping(3001);  // requests = [1, 100, 3001]，范围是 [1,3001]，返回 3
recentCounter.ping(3002);  // requests = [1, 100, 3001, 3002]，范围是 [2,3002]，返回 3

来源：力扣（LeetCode）
链接：https://leetcode.cn/problems/number-of-recent-calls
著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。

解题思路

• 越早发出的请求越早不在最近3000ms内的请求里
• 满足先进先出，考虑用队列

解题步骤

• 有新请求就入队，3000ms前发出的请求出队
• 队列的长度就是最近请求次数

var RecentCounter = function() {
    this.q = []
};

/** 
 * @param {number} t
 * @return {number}
 */
RecentCounter.prototype.ping = function(t) {
    this.q.push(t)
    while(this.q[0] < t - 3000) {
        this.q.shift()
    }
    return this.q.length
};