JavaScript佇列和雙端佇列

阿新 • • 發佈：2021-03-14

關注公眾號前端開發部落格，回覆“加群”

佇列遵循的是先進先出（FIFO）原則的一組有序的項，並從頂部移除元素，但是最新新增的元素必須排在佇列的末尾。

在生活中也有佇列的應用，比如我們在售票處排隊等票，隊頭的人先拿到票，就走了，而新來的人，就必須排在隊偉文明排隊。

佇列

建立佇列

class Queue {  constructor() {    this.count = 0;    this.lowestCount = 0;//追蹤佇列的第一個元素    this.items = {};  }

向佇列新增元素

enqueue(element) {    this.items[this.count] = element;    this.count++;  }

細節就是要注意到佇列只能在尾部新增元素

檢查佇列是否為空並獲取它的長度

size() {    return this.count - this.lowestCount;  };isEmpty() {    return this.size() === 0;  };

從佇列移除元素

dequeue() {    //判斷是否為空    if (this.isEmpty()) {      return undefined;    }    const result = this.items[this.lowestCount];    delete this.items[this.lowestCount];    this.lowestCount++;    return result;  }

檢視佇列頭元素

 peek() {    if (this.isEmpty()) {      return undefined;    }    return this.items[this.lowestCount];  }

清空佇列

clear() {    this.items = {};    this.count = 0;    this.lowestCount = 0;  }

建立toString方法

toString() {    if (this.isEmpty()) {      return '';    }    let objstring = `${this.items[this.lowestCount]}`;    for (let i = this.lowestCount + 1; i < this.count; i++) {      objstring = `${objString},${this.items[i]}`;    }    return objString;  }

好的，我們的佇列到此就建立完畢了。但是，有些小夥伴就有疑問了，還是排隊情景，假如我已經離開售票廳了，但是我還想再問些簡單問題，直接到前臺詢問，這就是隊首新增元素了，還有隊尾的人突然有事離開了，這也是刪除元素操作呀，那這個用佇列怎麼實現。

恩，我們的前輩就提出了雙端佇列，允許使用者在隊首進行新增和刪除元素的操作，隊尾也是一樣。

雙端佇列

建立雙端佇列

class Deque {  constructor() {    this.count = 0;    this.lowestCount = 0;    this.items = {};  }

新增操作

隊首新增元素

addFront(element) {    if (this.isEmpty()) {//空佇列      this.addBack(element);    } else if (this.lowestCount > 0) {//之前被刪除，重新新增      this.lowestCount--;      this.items[this.lowestCount] = element;    } else {      for (let i = this.count; i > 0; i--) {        this.items[i] = this.items[i - 1];      }      this.count++;      this.items[0] = element;    }  }

隊尾新增元素

addBack(element) {    this.items[this.count] = element;    this.count++;  }

刪除操作

隊首刪除元素

removeFront() {    if (this.isEmpty()) {      return undefined;    }    const result = this.items[this.lowestCount];    delete this.items[this.lowestCount];    this.lowestCount++;    return result;  }

隊尾刪除元素

removeBack() {    if (this.isEmpty()) {      return undefined;    }    this.count--;    const result = this.items[this.count];    delete this.items[this.count];    return result;  }

查詢操作

返回隊首元素

peekFront() {    if (this.isEmpty()) {      return undefined;    }    return this.items[this.lowestCount];  }

返回隊尾元素

peekBack() {    if (this.isEmpty()) {      return undefined;    }    return this.items[this.count - 1];  }

佇列的實踐

模擬擊鼓傳花遊戲

情景：孩子們圍城一圈，把花傳遞給身邊的人，某一時刻停止，花在誰手上，誰就推出。重複這個操作，剩下的最後一個人就是勝利者。
程式碼實現：

function hotPotato(elementsList, num) {  const queue = new Queue();  const elimitatedList = [];
  for (let i = 0; i < elementsList.length; i++) {    queue.enqueue(elementsList[i]);  }
  while (queue.size() > 1) {    for (let i = 0; i < num; i++) {      queue.enqueue(queue.dequeue());    }    elimitatedList.push(queue.dequeue());  }
  return {    eliminated: elimitatedList,    winner: queue.dequeue()  };}

迴文檢查器

檢查一個片語揮著字串是否為迴文。
程式碼實現：

function palindromeChecker(aString) {  if (    aString === undefined    || aString === null    || (aString !== null && aString.length === 0)  ) {    return false;  }  const deque = new Deque();  const lowerString = aString.toLocaleLowerCase().split(' ').join('');  let firstChar;  let lastChar;
  for (let i = 0; i < lowerString.length; i++) {    deque.addBack(lowerString.charAt(i));  }
  while (deque.size() > 1) {    firstChar = deque.removeFront();    lastChar = deque.removeBack();    if (firstChar !== lastChar) {      return false;    }  }
  return true;};

本文完〜

- EOF -

推薦閱讀點選標題可跳轉

Javascript 中資料型別那些可能會中招的細節

這是我面試42場拿下微軟、螞蟻、頭條offer的方法論

工作兩年前端經驗分享

覺得本文對你有幫助？請分享給更多人

推薦關注「前端開發部落格」，提升前端技能