首頁 > web前端 > js教程 > 主體

詳解JavaScript中怎麼實作佇列結構

青灯夜游
發布: 2021-05-10 21:52:39
轉載
1588 人瀏覽過

本篇文章帶大家了解一下佇列資料結構,詳細介紹一下其具有的操作以及在JavaScript中實作佇列結構的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

詳解JavaScript中怎麼實作佇列結構

1. 佇列資料結構

佇列是一種「先入先出」(FIFO)資料結構的型別。第一個入隊項目(輸入)是第一個出隊(輸出)。

佇列有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中怎麼實作佇列結構

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

queue.peek(); // => 7
登入後複製

2.4 length

length 操作傳回佇列中包含項目的數量。

詳解JavaScript中怎麼實作佇列結構

上圖中的佇列有 4 項:462 和。 7。結果佇列長度為 4

queue.length; // => 4
登入後複製

2.5 佇列操作的時間複雜度

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

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

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() 是建立佇列的實例。

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

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

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

關於實作:在 Queue 類別中,普通物件  this.Items  將佇列的項目透過數值索引保持。隊首項的索引由 Where.HeadInex 跟踪,隊尾項由 this.tailIndex 跟踪。

佇列方法的複雜度

Queuequeue()dequeue()peek()length() 方法中存在:

  • 屬性存取器(如:this.items[this.headIndex ]),
  • 執行算數運算(如:this.headidex
##這些方法的時間複雜度是恆定的時間

O(1)

4. 總結

佇列是一種遵循先入先出(FIFO)規則的資料結構。

隊列有 2 個主要操作:入隊和出隊。另外,佇列可以有輔助操作,例如 peek 和 length。

所有佇列運算都必須以常數時間

O(1) 執行。

挑戰:改進 dequeue()peek() 方法,當在空隊列上執行時會拋出錯誤。

更多程式相關知識,請造訪:

程式設計入門! !

以上是詳解JavaScript中怎麼實作佇列結構的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!