欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS數(shù)據(jù)結(jié)構(gòu)之隊(duì)列結(jié)構(gòu)詳解

 更新時(shí)間:2022年11月08日 08:21:49   作者:Atrox493  
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法中的隊(duì)列結(jié)構(gòu),文中通過簡(jiǎn)單的示例介紹了隊(duì)列結(jié)構(gòu)的原理與實(shí)現(xiàn),需要的可以參考一下

一.認(rèn)識(shí)隊(duì)列

受限的線性結(jié)構(gòu):

  • 我們已經(jīng)學(xué)習(xí)了一種受限的線性結(jié)構(gòu):棧結(jié)構(gòu).
  • 并且已經(jīng)知道這種受限的數(shù)據(jù)結(jié)構(gòu)對(duì)于解決某些特定問題,會(huì)有特別的
  • 效果.
  • 下面,我們?cè)賮?lái)學(xué)習(xí)另外一個(gè)受限的數(shù)據(jù)結(jié)構(gòu):隊(duì)列.

隊(duì)列(Queue),它是一種受限的線性表,先進(jìn)先出(FIFO First ln First Out)

  • 受限之處在于它只允許在表的前端( front )進(jìn)行刪除操作
  • 而在表的后端(rear)進(jìn)行插入操作

生活中類似的隊(duì)列結(jié)構(gòu)

  • 生活中類似隊(duì)列的場(chǎng)景就是非常多了
  • 比如在電影院,商場(chǎng),甚至是廁所排隊(duì).
  • 優(yōu)先排隊(duì)的人,優(yōu)先處理.(買票,結(jié)賬, WC)

二.隊(duì)列的應(yīng)用

打印隊(duì)列:

  • 有五份文檔需要打印,這些文檔會(huì)按照次序放入到打印隊(duì)列中.
  • 打印機(jī)會(huì)依次從隊(duì)列中取出文檔,優(yōu)先放入的文檔,優(yōu)先被取出,并且對(duì)該文檔進(jìn)行打印.
  • 以此類推,直到隊(duì)列中不再有新的文檔.

線程隊(duì)列:

  • 在開發(fā)中,為了讓任務(wù)可以并行處理,通常會(huì)開啟多個(gè)線程.
  • 但是,我們不能讓大量的線程同時(shí)運(yùn)行處理任務(wù).(占用過多的資源)
  • 這個(gè)時(shí)候,如果有需要開啟線程處理任務(wù)的情況,我們就會(huì)使用線程隊(duì)列.
  • 線程隊(duì)列會(huì)依照次序來(lái)啟動(dòng)線程,并且處理對(duì)應(yīng)的任務(wù).

隊(duì)列如何實(shí)現(xiàn)呢?

我們一起來(lái)研究一下隊(duì)列的實(shí)現(xiàn).

三.隊(duì)列類的創(chuàng)建

隊(duì)列的實(shí)現(xiàn)和棧一樣,有兩種方案:

  • 基于數(shù)組實(shí)現(xiàn)
  • 基于鏈表實(shí)現(xiàn)
function Queue() {
    //屬性
    this.items = []
}

四.隊(duì)列的常見操作

隊(duì)列有哪些常見的操作呢?

  • enqueue(element):向隊(duì)列尾部添加一個(gè)(或多個(gè))新的項(xiàng)。
  • dequeue()∶移除隊(duì)列的第一(即排在隊(duì)列最前面的)項(xiàng),并返回被移除的元素。
  • front():返回隊(duì)列中第一個(gè)元素——最先被添加,也將是最先被移除的元素。隊(duì)列不做任何變動(dòng)(不移除元素,只返回元素信息——與Stack類的peek方法非常類似)。
  • isEmpty):如果隊(duì)列中不包含任何元素,返回true,否則返回false。
  • size():返回隊(duì)列包含的元素個(gè)數(shù),與數(shù)組的length屬性類似。
  • toString():將隊(duì)列中的內(nèi)容,轉(zhuǎn)成字符串形式

現(xiàn)在,,我們來(lái)實(shí)現(xiàn)這些方法.

其實(shí)很棧中方法的實(shí)現(xiàn)非常相似.因?yàn)槲覀兊年?duì)列也是基于數(shù)組的

//1.將元素加入到隊(duì)列中
    Queue.prototype.enqueue = function (element) {
        this.items.push(element)
    }

    //2.從隊(duì)列中刪除前端元素
    Queue.prototype.dequeue = function () {
        return this.items.shift()
    }

    //3.查看前端元素
    Queue.prototype.front = function () {
        return this.items[0]
    }

    //4.查看隊(duì)列是否為空
    Queue.prototype.isEmpty = function () {
        return this.items.length === 0
    }

    //5.查看隊(duì)列中元素的個(gè)數(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
    }

五.擊鼓傳花

擊鼓傳花是一個(gè)常見的面試算法題.使用隊(duì)列可以非常方便的實(shí)現(xiàn)最終的結(jié)果.

原游戲規(guī)則:

班級(jí)中玩一個(gè)游戲。所有學(xué)生圍成一圈,從某位同學(xué)手里開始向旁邊的同學(xué)傳一束花.- 這個(gè)時(shí)候某個(gè)人(比如班長(zhǎng)),在擊鼓,鼓聲停下的一顆,花落在誰(shuí)手里,誰(shuí)就出來(lái)表演節(jié)目.

修改游戲規(guī)則:

  • 我們來(lái)修改一下這個(gè)游戲規(guī)則.
  • 幾個(gè)朋友一起玩一個(gè)游戲,圍成一圈,開始數(shù)數(shù),數(shù)到某個(gè)數(shù)字的人自動(dòng)淘汰.
  • 最后剩下的這個(gè)人會(huì)獲得勝利,請(qǐng)問最后剩下的是原來(lái)在哪一個(gè)位置上的人?

封裝一個(gè)基于隊(duì)列的函數(shù)

  • 參數(shù):所有參與人的姓名,基于的數(shù)字
  • 結(jié)果:最終剩下的一人的姓名
//擊鼓傳花
function paseGame(nameList, num) {
    //創(chuàng)建一個(gè)隊(duì)列
    let queue = new Queue()

    //將所有人依次加入隊(duì)列
    for (let i = 0; i < nameList.length; i++) {
        queue.enqueue(nameList[i])
    }

    //開始數(shù)數(shù)字
    while (queue.size() > 1) {
        //不是num的時(shí)候嗎,重新加入到隊(duì)列的末尾
        //num數(shù)字之前的人重新放入到隊(duì)列的末尾
        for (let i = 0; i < num - 1; i++) {
            queue.enqueue(queue.dequeue())
        }
        //num對(duì)應(yīng)的這個(gè)人直接從隊(duì)列中刪除 
        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)先級(jí)隊(duì)列

優(yōu)先級(jí)隊(duì)列的特點(diǎn):

  • 我們知道,普通的隊(duì)列插入一個(gè)元素,數(shù)據(jù)會(huì)被放在后端.并且需要前面所有的元素都處理完成后才會(huì)處理前面的數(shù)據(jù).
  • 但是優(yōu)先級(jí)隊(duì)列,在插入一個(gè)元素的時(shí)候會(huì)考慮該數(shù)
    據(jù)的優(yōu)先級(jí).
  • 和其他數(shù)據(jù)優(yōu)先級(jí)進(jìn)行比較.
  • 比較完成后,可以得出這個(gè)元素在隊(duì)列中正確的位置
  • 其他處理方式,和基本隊(duì)列的處理方式一樣.

優(yōu)先級(jí)隊(duì)列主要考慮的問題:

  • 每個(gè)元素不再只是一個(gè)數(shù)據(jù),而且包含數(shù)據(jù)的優(yōu)先級(jí)
  • 在添加方式中,根據(jù)優(yōu)先級(jí)放入正確的位置.

優(yōu)先級(jí)隊(duì)列的應(yīng)用:

1.一個(gè)現(xiàn)實(shí)的例子就是機(jī)場(chǎng)登機(jī)的順序

  • 頭等艙和商務(wù)艙乘客的優(yōu)先級(jí)要高于經(jīng)濟(jì)艙乘客。
  • 在有些國(guó)家,老年人和孕婦(或帶小孩的婦女)登機(jī)時(shí)也享有高于其他乘客的優(yōu)先級(jí)。

2.另一個(gè)現(xiàn)實(shí)中的例子是醫(yī)院的(急診科)候診室。

  • 醫(yī)生會(huì)優(yōu)先處理病情比較嚴(yán)重的患者。
  • 當(dāng)然,一般情況下是按照排號(hào)的順序。

3.計(jì)算機(jī)中,我們也可以通過優(yōu)先級(jí)隊(duì)列來(lái)重新排序隊(duì)列中任務(wù)的順序

比如每個(gè)線程處理的任務(wù)重要性不同,我們可以通過優(yōu)先級(jí)的大小,來(lái)決定該線程在隊(duì)列中被處理的次序.

七.優(yōu)先級(jí)隊(duì)列的實(shí)現(xiàn)

現(xiàn)優(yōu)先級(jí)隊(duì)列相對(duì)隊(duì)列主要有兩方面需要考慮:

1)封裝元素和優(yōu)先級(jí)放在一起(可以封裝一個(gè)新的構(gòu)造函數(shù))

2)添加元素時(shí),將新插入元素的優(yōu)先級(jí)和隊(duì)列中已經(jīng)存在的元素優(yōu)先級(jí)進(jìn)行比較,以獲得自己正確的位置.

//封裝優(yōu)先級(jí)隊(duì)列
function PriorityQueue() {
    //在PriorityQueue重新創(chuàng)建了一個(gè)類
    function QueueElemnt(element, priority) {
        this.element = element
        this.priority = priority
    }

    //封裝屬性
    this.items = []

    //1.實(shí)現(xiàn)插入方法
    PriorityQueue.prototype.enqueue = function (element, priority) {
        //創(chuàng)建QueueElement對(duì)象
        let queueElemnt = new QueueElemnt(element, priority)

        //判斷隊(duì)列是否為空
        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.從隊(duì)列中刪除前端元素
    PriorityQueue.prototype.dequeue = function () {
        return this.items.shift()
    }

    //3.查看前端元素
    PriorityQueue.prototype.front = function () {
        return this.items[0]
    }

    //4.查看隊(duì)列是否為空
    PriorityQueue.prototype.isEmpty = function () {
        return this.items.length === 0
    }

    //5.查看隊(duì)列中元素的個(gè)數(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
    }
}

// 測(cè)試代碼
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)之隊(duì)列結(jié)構(gòu)詳解的文章就介紹到這了,更多相關(guān)JS隊(duì)列結(jié)構(gòu)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 通過Kettle自定義jar包供javascript使用

    通過Kettle自定義jar包供javascript使用

    這篇文章主要介紹了通過Kettle自定義jar包供javascript使用,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-01-01
  • 基于js判斷瀏覽器是否支持webGL

    基于js判斷瀏覽器是否支持webGL

    這篇文章主要介紹了基于js判斷瀏覽器是否支持webGL,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-04-04
  • 老生常談document.ready和window.onload

    老生常談document.ready和window.onload

    這篇文章主要介紹了document.ready和window.onload的相關(guān)知識(shí),包括document.ready和window.onload的區(qū)別,要使用document.ready()或者document.onload()的原因分析,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧
    2024-01-01
  • JavaScript給事件委托批量添加事件監(jiān)聽詳細(xì)流程

    JavaScript給事件委托批量添加事件監(jiān)聽詳細(xì)流程

    事件委托,一般來(lái)講,會(huì)把一個(gè)或者一組元素的事件委托到它的父層或者更外層元素上,真正綁定事件的是外層元素,當(dāng)事件響應(yīng)到需要綁定的元素上時(shí),會(huì)通過事件冒泡機(jī)制從而觸發(fā)它的外層元素的綁定事件上,然后在外層元素上去執(zhí)行函數(shù)
    2021-10-10
  • javascript實(shí)現(xiàn)依次輸入input自動(dòng)定焦

    javascript實(shí)現(xiàn)依次輸入input自動(dòng)定焦

    這篇文章主要介紹了javascript實(shí)現(xiàn)依次輸入input自動(dòng)定焦的方法及示例代碼,非常實(shí)用,這里推薦給小伙伴們
    2014-12-12
  • JS監(jiān)聽事件的疊加和移除功能

    JS監(jiān)聽事件的疊加和移除功能

    這篇文章主要介紹了JS監(jiān)聽事件的疊加和移除功能,非常不錯(cuò),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
    2018-11-11
  • JavaScript利用canvas繪制流星雨效果

    JavaScript利用canvas繪制流星雨效果

    這篇文章主要為大家詳細(xì)介紹了如何通過JavaScript+canvas實(shí)現(xiàn)繪制流星雨效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2022-10-10
  • js冒泡、捕獲事件及阻止冒泡方法詳細(xì)總結(jié)

    js冒泡、捕獲事件及阻止冒泡方法詳細(xì)總結(jié)

    javascript, jquery的事件中都存在事件冒泡和事件捕獲的問題,針對(duì)這兩個(gè)問題,本文給出詳細(xì)的解決方法,需要的朋友不要錯(cuò)過
    2014-05-05
  • JavaScript中boolean類型之三種情景實(shí)例代碼

    JavaScript中boolean類型之三種情景實(shí)例代碼

    下面小編就為大家?guī)?lái)一篇JavaScript中boolean類型之三種情景實(shí)例代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
    2016-11-11
  • 教你一步步實(shí)現(xiàn)一個(gè)簡(jiǎn)易promise

    教你一步步實(shí)現(xiàn)一個(gè)簡(jiǎn)易promise

    Promise是異步編程的一種解決方案,比傳統(tǒng)的解決方案回調(diào)函數(shù)和事件更合理且更強(qiáng)大,這篇文章主要給大家介紹了關(guān)于如何一步步實(shí)現(xiàn)一個(gè)簡(jiǎn)易promise的相關(guān)資料,需要的朋友可以參考下
    2021-11-11

最新評(píng)論