溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript如何實現一個隊列

發(fā)布時間:2022-05-06 15:51:32 來源:億速云 閱讀:160 作者:iii 欄目:大數據

本篇內容介紹了“JavaScript如何實現一個隊列”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!

1.  隊列數據結構

如果你喜歡四處旅行,肯定在火車站經歷過檢票這道手續(xù)。如果有很多人要坐火車,那么很自然地會形成一個隊列。剛進入車站的人加入隊列。另一邊剛剛通過檢票的人從隊列中走出。這就是隊列的一個例子,與隊列數據結構的操作方式相同。

隊列是一種遵循先入先出(FIFO)規(guī)則的數據結構。第一個進入隊列中的項目(輸入)是第一個出隊(輸出)的。

隊列有2個指針:隊首和隊尾。最先進入隊列進行排隊的項目位于隊首,而最后進入隊列的項目位于隊尾。

回顧車站的例子,第一個檢票的是在隊列的隊首。剛進入隊列的人在隊尾。

JavaScript如何實現一個隊列

隊列數據結構

從更高的層面來看,隊列是一種允許你按照先后順序處理項目的數據結構。

2. 隊列的操作

隊列支持 2 個主要操作:入隊(enqueue)和出隊(dequeue),另外還有 peek 和 length 操作。

2.1 入隊操作

入隊操作在隊列的尾部插入項目,使其成為隊列的隊尾。

JavaScript如何實現一個隊列

入隊操作

上圖中的入隊操作在隊尾插入了 8,之后 8 成為隊列的隊尾。

queue.enqueue(8);

2.2 出隊操作

出隊操作取出隊列中第一個項目,此時隊列中的下一個項目成為隊首。

JavaScript如何實現一個隊列

出隊操作

在上圖中,出隊操作返回項目7并從隊列中刪除。出隊之后之后,項目 2 成為新的隊首。

queue.dequeue(); // => 7

2.3 Peek 操作

Peek 操作讀取隊首的項目,但是不改變隊列。

JavaScript如何實現一個隊列

Peek 操作

上圖中 7 是隊首。peek 操作只需返回隊首 7 但是不修改隊列。

queue.peek(); // => 7

2.4 length

length 操作返回隊列中包含項目的數量。

JavaScript如何實現一個隊列

Length 操作

上圖中的隊列有 4 項:4、6、2 和。7。結果隊列長度為 4。

queue.length; // => 4

2.5 隊列操作的時間復雜度

關于隊列所有操作的重點:enqueue,dequeue,peek 和 length 必須以常數時間復雜度 O(1) 執(zhí)行。

常數時間復雜度 O(1) 意味著無論隊列大小如何(不管是有 10 個還是 100 萬個項目),這些操作都必須在相對一致的時間內執(zhí)行。

3. 用 JavaScript 實現隊列

來看一下怎樣在保證所有操作必須以常數時間復雜度O(1) 要求實現隊列這種數據結構。

class Queue {   constructor() {     this.items = {};     this.headIndex = 0;     this.tailIndex = 0;   }    enqueue(item) {     this.items[this.tailIndex] = item;     this.tailIndex++;   }    dequeue() {     const item = this.items[this.headIndex];     delete this.items[this.headIndex];     this.headIndex++;     return item;   }    peek() {     return this.items[this.headIndex];   }    get length() {     return this.tailIndex - this.headIndex;   } }  const queue = new Queue();  queue.enqueue(7); queue.enqueue(2); queue.enqueue(6); queue.enqueue(4);  queue.dequeue(); // => 7  queue.peek();    // => 2  queue.length;    // => 3

const queue = new Queue() 是創(chuàng)建隊列的實例。

queue.enqueue(7) 方法將 7 存入隊列中。

queue.dequeue() 從隊列中取出一個頭部項目,而 queue.peek() 只讀隊首項。

最后的 Queue.Length 顯示隊列中還有多少個項目。

關于實現:在 Queue 類中,普通對象 this.Items 將隊列的項目通過數值索引保持。隊首項的索引由 Where.HeadInex 跟蹤,隊尾項由  this.tailIndex 跟蹤。

隊列方法的復雜度

在 Queue 的 queue()、 dequeue()、 peek() 和 length() 方法中存在:

  • 屬性訪問器(如:this.items[this.headIndex]),

  • 執(zhí)行算數操作(如:this.headidex++)

這些方法的時間復雜度是恒定的時間 O(1)。

“JavaScript如何實現一個隊列”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI