JS數(shù)據(jù)結(jié)構(gòu)之隊列結(jié)構(gòu)詳解
一.認識隊列
受限的線性結(jié)構(gòu):
- 我們已經(jīng)學(xué)習(xí)了一種受限的線性結(jié)構(gòu):棧結(jié)構(gòu).
- 并且已經(jīng)知道這種受限的數(shù)據(jù)結(jié)構(gòu)對于解決某些特定問題,會有特別的
- 效果.
- 下面,我們再來學(xué)習(xí)另外一個受限的數(shù)據(jù)結(jié)構(gòu):隊列.
隊列(Queue),它是一種受限的線性表,先進先出(FIFO First ln First Out)
- 受限之處在于它只允許在表的前端( front )進行刪除操作
- 而在表的后端(rear)進行插入操作
生活中類似的隊列結(jié)構(gòu)
- 生活中類似隊列的場景就是非常多了
- 比如在電影院,商場,甚至是廁所排隊.
- 優(yōu)先排隊的人,優(yōu)先處理.(買票,結(jié)賬, WC)
二.隊列的應(yīng)用
打印隊列:
- 有五份文檔需要打印,這些文檔會按照次序放入到打印隊列中.
- 打印機會依次從隊列中取出文檔,優(yōu)先放入的文檔,優(yōu)先被取出,并且對該文檔進行打印.
- 以此類推,直到隊列中不再有新的文檔.
線程隊列:
- 在開發(fā)中,為了讓任務(wù)可以并行處理,通常會開啟多個線程.
- 但是,我們不能讓大量的線程同時運行處理任務(wù).(占用過多的資源)
- 這個時候,如果有需要開啟線程處理任務(wù)的情況,我們就會使用線程隊列.
- 線程隊列會依照次序來啟動線程,并且處理對應(yīng)的任務(wù).
隊列如何實現(xiàn)呢?
我們一起來研究一下隊列的實現(xiàn).
三.隊列類的創(chuàng)建
隊列的實現(xiàn)和棧一樣,有兩種方案:
- 基于數(shù)組實現(xiàn)
- 基于鏈表實現(xiàn)
function Queue() { //屬性 this.items = [] }
四.隊列的常見操作
隊列有哪些常見的操作呢?
- enqueue(element):向隊列尾部添加一個(或多個)新的項。
- dequeue()∶移除隊列的第一(即排在隊列最前面的)項,并返回被移除的元素。
- front():返回隊列中第一個元素——最先被添加,也將是最先被移除的元素。隊列不做任何變動(不移除元素,只返回元素信息——與Stack類的peek方法非常類似)。
- isEmpty):如果隊列中不包含任何元素,返回true,否則返回false。
- size():返回隊列包含的元素個數(shù),與數(shù)組的length屬性類似。
- toString():將隊列中的內(nèi)容,轉(zhuǎn)成字符串形式
現(xiàn)在,,我們來實現(xiàn)這些方法.
其實很棧中方法的實現(xiàn)非常相似.因為我們的隊列也是基于數(shù)組的
//1.將元素加入到隊列中 Queue.prototype.enqueue = function (element) { this.items.push(element) } //2.從隊列中刪除前端元素 Queue.prototype.dequeue = function () { return this.items.shift() } //3.查看前端元素 Queue.prototype.front = function () { return this.items[0] } //4.查看隊列是否為空 Queue.prototype.isEmpty = function () { return this.items.length === 0 } //5.查看隊列中元素的個數(shù) Queue.prototype.size = function () { return this.items.length } //6.toString方法 Queue.prototype.toString = function () { let resultString = '' for (let i = 0; i < this.items.length; i++) { resultString += this.items[i] + '' } return resultString }
五.擊鼓傳花
擊鼓傳花是一個常見的面試算法題.使用隊列可以非常方便的實現(xiàn)最終的結(jié)果.
原游戲規(guī)則:
班級中玩一個游戲。所有學(xué)生圍成一圈,從某位同學(xué)手里開始向旁邊的同學(xué)傳一束花.- 這個時候某個人(比如班長),在擊鼓,鼓聲停下的一顆,花落在誰手里,誰就出來表演節(jié)目.
修改游戲規(guī)則:
- 我們來修改一下這個游戲規(guī)則.
- 幾個朋友一起玩一個游戲,圍成一圈,開始數(shù)數(shù),數(shù)到某個數(shù)字的人自動淘汰.
- 最后剩下的這個人會獲得勝利,請問最后剩下的是原來在哪一個位置上的人?
封裝一個基于隊列的函數(shù)
- 參數(shù):所有參與人的姓名,基于的數(shù)字
- 結(jié)果:最終剩下的一人的姓名
//擊鼓傳花 function paseGame(nameList, num) { //創(chuàng)建一個隊列 let queue = new Queue() //將所有人依次加入隊列 for (let i = 0; i < nameList.length; i++) { queue.enqueue(nameList[i]) } //開始數(shù)數(shù)字 while (queue.size() > 1) { //不是num的時候嗎,重新加入到隊列的末尾 //num數(shù)字之前的人重新放入到隊列的末尾 for (let i = 0; i < num - 1; i++) { queue.enqueue(queue.dequeue()) } //num對應(yīng)的這個人直接從隊列中刪除 queue.dequeue() } //獲取剩下的結(jié)果 let endName = queue.front() console.log(endName); return nameList.indexOf(endName) } paseGame(['lisi', 'zhangsan', 'fgbfd', 'tom', 'jack', 'lisa', 'ez', 'laoshu', 'jikdf', 'dsada', 'poru', 'fjds'], 6)//fgbfd
六.優(yōu)先級隊列
優(yōu)先級隊列的特點:
- 我們知道,普通的隊列插入一個元素,數(shù)據(jù)會被放在后端.并且需要前面所有的元素都處理完成后才會處理前面的數(shù)據(jù).
- 但是優(yōu)先級隊列,在插入一個元素的時候會考慮該數(shù)
據(jù)的優(yōu)先級. - 和其他數(shù)據(jù)優(yōu)先級進行比較.
- 比較完成后,可以得出這個元素在隊列中正確的位置
- 其他處理方式,和基本隊列的處理方式一樣.
優(yōu)先級隊列主要考慮的問題:
- 每個元素不再只是一個數(shù)據(jù),而且包含數(shù)據(jù)的優(yōu)先級
- 在添加方式中,根據(jù)優(yōu)先級放入正確的位置.
優(yōu)先級隊列的應(yīng)用:
1.一個現(xiàn)實的例子就是機場登機的順序
- 頭等艙和商務(wù)艙乘客的優(yōu)先級要高于經(jīng)濟艙乘客。
- 在有些國家,老年人和孕婦(或帶小孩的婦女)登機時也享有高于其他乘客的優(yōu)先級。
2.另一個現(xiàn)實中的例子是醫(yī)院的(急診科)候診室。
- 醫(yī)生會優(yōu)先處理病情比較嚴重的患者。
- 當(dāng)然,一般情況下是按照排號的順序。
3.計算機中,我們也可以通過優(yōu)先級隊列來重新排序隊列中任務(wù)的順序
比如每個線程處理的任務(wù)重要性不同,我們可以通過優(yōu)先級的大小,來決定該線程在隊列中被處理的次序.
七.優(yōu)先級隊列的實現(xiàn)
現(xiàn)優(yōu)先級隊列相對隊列主要有兩方面需要考慮:
1)封裝元素和優(yōu)先級放在一起(可以封裝一個新的構(gòu)造函數(shù))
2)添加元素時,將新插入元素的優(yōu)先級和隊列中已經(jīng)存在的元素優(yōu)先級進行比較,以獲得自己正確的位置.
//封裝優(yōu)先級隊列 function PriorityQueue() { //在PriorityQueue重新創(chuàng)建了一個類 function QueueElemnt(element, priority) { this.element = element this.priority = priority } //封裝屬性 this.items = [] //1.實現(xiàn)插入方法 PriorityQueue.prototype.enqueue = function (element, priority) { //創(chuàng)建QueueElement對象 let queueElemnt = new QueueElemnt(element, priority) //判斷隊列是否為空 if (this.items.length === 0) { this.items.push(queueElemnt) } else { let added = false for (let i = 0; i < this.items.length; i++) { if (queueElemnt.priority < this.items[i].priority) { this.items.splice(i, 0, queueElemnt) added = true break } } if (!added) { this.items.push(queueElemnt) } } } //2.從隊列中刪除前端元素 PriorityQueue.prototype.dequeue = function () { return this.items.shift() } //3.查看前端元素 PriorityQueue.prototype.front = function () { return this.items[0] } //4.查看隊列是否為空 PriorityQueue.prototype.isEmpty = function () { return this.items.length === 0 } //5.查看隊列中元素的個數(shù) PriorityQueue.prototype.size = function () { return this.items.length } //6.toString方法 PriorityQueue.prototype.toString = function () { let resultString = '' for (let i = 0; i < this.items.length; i++) { resultString += this.items[i] + '' } return resultString } } // 測試代碼 let pq = new PriorityQueue() pq.enqueue('abc', 111) pq.enqueue('cba', 151) pq.enqueue('nba', 66) pq.enqueue('wba', 856) console.log(pq);
到此這篇關(guān)于JS數(shù)據(jù)結(jié)構(gòu)之隊列結(jié)構(gòu)詳解的文章就介紹到這了,更多相關(guān)JS隊列結(jié)構(gòu)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
老生常談document.ready和window.onload
這篇文章主要介紹了document.ready和window.onload的相關(guān)知識,包括document.ready和window.onload的區(qū)別,要使用document.ready()或者document.onload()的原因分析,本文結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友參考下吧2024-01-01JavaScript給事件委托批量添加事件監(jiān)聽詳細流程
事件委托,一般來講,會把一個或者一組元素的事件委托到它的父層或者更外層元素上,真正綁定事件的是外層元素,當(dāng)事件響應(yīng)到需要綁定的元素上時,會通過事件冒泡機制從而觸發(fā)它的外層元素的綁定事件上,然后在外層元素上去執(zhí)行函數(shù)2021-10-10javascript實現(xiàn)依次輸入input自動定焦
這篇文章主要介紹了javascript實現(xiàn)依次輸入input自動定焦的方法及示例代碼,非常實用,這里推薦給小伙伴們2014-12-12