數據結構之“隊列”

• 隊列是什么？
• 隊列的應用場景
• • 場景一：食堂排隊打飯
  • 場景二：JS異步中的任務隊列
  • 場景三：計算最近請求次數
  • LeetCode：933.最近的請求次數
  • 前端與隊列：JS異步中的任務隊列
• 技術要點
• 思考題

隊列是什么？

一個先進先出的數據結構
JavaScript中沒有隊列，但可以用Array實現隊列的所有功能

const queue = []; queue.push(1); queue.push(2); const item1 = queue.shift(); const item2 = queue.shift();

隊列的應用場景

需要先進先出的場景
比如：食堂排隊打飯、JS異步中的任務隊列、計算最近請求次數

場景一：食堂排隊打飯

食堂只留一個窗口，學生排隊打飯似春運
先進先出，保證有序

場景二：JS異步中的任務隊列

JS是單線程，無法同時處理異步中的并發任務
使用任務隊列先后處理異步任務

場景三：計算最近請求次數

有新請求就入隊，3000ms前發出的請求出隊
隊列的長度就是最近請求次數
輸入：inputs = [[],[1],[100],[3001],[3002]]，輸出：[null,1,2,3,3]，分別在1，100,3001,3002時刻發出請求，這四個時刻的最近請求次數分別為1，2，3，3

LeetCode：933.最近的請求次數

解題思路
越早發出的請求越早不在最近3000ms內的請求里
滿足先進先出，考慮用隊列
解題步驟
有新請求就入隊，3000ms前發出的請求出隊
隊列的長度就是最近請求次數

時間復雜度和空間復雜度都為O(n)，時間復雜度n是需要被踢出隊的請求次數，空間復雜度，對應長度，最近請求次數

前端與隊列：JS異步中的任務隊列

setTimeout(()=>console.log(1),0); console.log(2)

技術要點

隊列是一個先進先出的數據結構
JavaScript中沒有隊列，但可以用Array實現隊列的所有功能
隊列常用操作：push、shift、queue[0]

思考題

1、請用 ES6 的 class，封裝一個 Queue 類，包括 push、shift、peek 方法。
2、請用隊列這個數據結構結合 React 或 Vue寫一個任務 App，包括添加任務和完成任務功能，要求任務只能先進先出

總結

以上是生活随笔為你收集整理的（四）数据结构之“队列”的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。