使用javaScript實現一個隊列

来源:https://www.cnblogs.com/MySweetheart/archive/2020/06/30/13211539.html
-Advertisement-
Play Games

1.隊列是遵循先進先出(FIFO)原則的一組有序的項,隊列在尾部添加元素,並從頂部移除元素,最新添加的元素必須排在隊列的末尾。生活中常見的例子如排隊等。 2.創建一個隊列類 class Queue{ constructor(){ this.count = 0;//記錄隊列的數量 this.lowes ...


1.隊列是遵循先進先出(FIFO)原則的一組有序的項,隊列在尾部添加元素,並從頂部移除元素,最新添加的元素必須排在隊列的末尾。生活中常見的例子如排隊等。

2.創建一個隊列類

class Queue{
    constructor(){
        this.count = 0;//記錄隊列的數量
        this.lowestCount = 0;//記錄當前隊列頭部的位置
        this.items = [];//用來存儲元素。
    }
}

3.添加元素

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

4.刪除元素(只刪除隊列頭部)

    dequeue(){
        if(this.isEmpty()){
            return 'queue is null';
        }
        let resulte = this.items[this.lowestCount];
        delete  this.items[this.lowestCount];
        this.lowestCount++;
        return resulte;
    }

5.查看隊列頭部元素

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

6.判斷隊列是否為空

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

7.清除隊列的元素

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

8.查看隊列的長度

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

9.查看隊列的所有內容

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

10.完整代碼

class Queue{
    constructor(){
        this.count = 0;//記錄隊列的數量
        this.lowestCount = 0;//記錄當前隊列頂部的位置
        this.items = [];//用來存儲元素。
    }
    enqueue(element){
        this.items[this.count] = element;
        this.count++;
    }
    dequeue(){
        if(this.isEmpty()){
            return 'queue is null';
        }
        let resulte = this.items[this.lowestCount];
        delete  this.items[this.lowestCount];
        this.lowestCount++;
        return resulte;
    }
    peek(){
        return this.items[this.lowestCount];
    }
    isEmpty(){
        return this.count - this.lowestCount === 0;
    }
    size(){
        return this.count - this.lowestCount;
    }
    clear(){
        this.count = 0;
        this.lowestCount = 0;
        this.items = [];
    }
    toString(){
        if(this.isEmpty())return "queue is null";
        let objString = this.items[this.lowestCount];
        for(let i = this.lowestCount+1; i < this.count;i++){
            objString = `${objString},${this.items[i]}`;
        }
        return objString;
    }
}

11.運行結果

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 多年web前端從業者,說下這個問題 首先,這個問題主要問:自學web前端技術,如果才能找到一份web前端的工作。 按照現在的招聘標準來看,無論你去哪個公司面試,你只需要滿足他們公司的需求就可以。 目前企業招聘前端工程師的基本需求: 1.精通DIV+CSS網頁框架佈局的HTML代碼編寫,熟悉W3C標準 ...
  • 不用說我也知道,此類文章太多太多了,常見的譬如: viewport、強制瀏覽器全屏、IOS的Web APP模式、可點擊元素出現陰影(這個我覺得真沒必要去掉,用戶點擊是需要反饋的,而這個背景色剛剛好提供了一種反饋)等等,太多啦,這些相信大家百度一下就可以查到很多資料😂 本篇文章主要是講一些其他的或者 ...
  • JsPlumb在react的使用方法及介紹 一.相關資料來源: 1.https://bitqiang.gitbooks.io/jsplumb/content/Chapter1_IMPORTS_AND_SETUP/ ——— 一個翻譯一半就不能打開的文檔 2.https://github.com/wan ...
  • 函數的參數越少越好 有一個準則是:如果你的函數參數超過兩個,就應該改為對象傳入。 這樣做是合理的,因為當函數參數超過兩個時,參數順序開始變得難以記憶,而且容易出現一種很尷尬的情況:比如我只需要傳入第三個參數,因為其自身順序的原因,不得不補齊前兩個根本用不上的參數,以讓它順利排在第三位。 // bad ...
  • 1.條件語句的優化 // 根據顏色找出對應的水果 // bad function test(color) { switch (color) { case 'red': return ['apple', 'strawberry']; case 'yellow': return ['banana', ' ...
  • 直接在小程式中使用lodash會報錯,原因可參考 https://blog.xinshangshangxin.com/2016/11/30/mina-lodash/ 在 import {_} from 'lodash' 之前先 import 'fix' fix.js /*fix.js*//*修複lo ...
  • Nuxt.js 是一個基於 Vue.js 的輕量級應用框架,可用來創建服務端渲染 (SSR) 應用。本文帶你瞭解在 Nuxt.js 中使用 Express 如何編寫實現後端的 api 介面。 ...
  • 據統計,國外的前端開發人員和後端開發人員比例約1:1,但是在國內比例卻在1:3以下, Web前端開發職位人才缺口巨大。前端工程師的發展之路十分有“錢”景。 每天,HR 群都有人在吐槽招不到前端工程師。實話說對這些需求,高級招聘人員也無能為力,因為在供不應求的前端招聘市場上,優秀的前端工程師才是有話語 ...
一周排行
    -Advertisement-
    Play Games
  • 概述:本文代碼示例演示瞭如何在WPF中使用LiveCharts庫創建動態條形圖。通過創建數據模型、ViewModel和在XAML中使用`CartesianChart`控制項,你可以輕鬆實現圖表的數據綁定和動態更新。我將通過清晰的步驟指南包括詳細的中文註釋,幫助你快速理解並應用這一功能。 先上效果: 在 ...
  • openGauss(GaussDB ) openGauss是一款全面友好開放,攜手伙伴共同打造的企業級開源關係型資料庫。openGauss採用木蘭寬鬆許可證v2發行,提供面向多核架構的極致性能、全鏈路的業務、數據安全、基於AI的調優和高效運維的能力。openGauss深度融合華為在資料庫領域多年的研 ...
  • openGauss(GaussDB ) openGauss是一款全面友好開放,攜手伙伴共同打造的企業級開源關係型資料庫。openGauss採用木蘭寬鬆許可證v2發行,提供面向多核架構的極致性能、全鏈路的業務、數據安全、基於AI的調優和高效運維的能力。openGauss深度融合華為在資料庫領域多年的研 ...
  • 概述:本示例演示了在WPF應用程式中實現多語言支持的詳細步驟。通過資源字典和數據綁定,以及使用語言管理器類,應用程式能夠在運行時動態切換語言。這種方法使得多語言支持更加靈活,便於維護,同時提供清晰的代碼結構。 在WPF中實現多語言的一種常見方法是使用資源字典和數據綁定。以下是一個詳細的步驟和示例源代 ...
  • 描述(做一個簡單的記錄): 事件(event)的本質是一個委托;(聲明一個事件: public event TestDelegate eventTest;) 委托(delegate)可以理解為一個符合某種簽名的方法類型;比如:TestDelegate委托的返回數據類型為string,參數為 int和 ...
  • 1、AOT適合場景 Aot適合工具類型的項目使用,優點禁止反編 ,第一次啟動快,業務型項目或者反射多的項目不適合用AOT AOT更新記錄: 實實在在經過實踐的AOT ORM 5.1.4.117 +支持AOT 5.1.4.123 +支持CodeFirst和非同步方法 5.1.4.129-preview1 ...
  • 總說周知,UWP 是運行在沙盒裡面的,所有許可權都有嚴格限制,和沙盒外交互也需要特殊的通道,所以從根本杜絕了 UWP 毒瘤的存在。但是實際上 UWP 只是一個應用模型,本身是沒有什麼許可權管理的,許可權管理全靠 App Container 沙盒控制,如果我們脫離了這個沙盒,UWP 就會放飛自我了。那麼有沒... ...
  • 目錄條款17:讓介面容易被正確使用,不易被誤用(Make interfaces easy to use correctly and hard to use incorrectly)限制類型和值規定能做和不能做的事提供行為一致的介面條款19:設計class猶如設計type(Treat class de ...
  • title: 從零開始:Django項目的創建與配置指南 date: 2024/5/2 18:29:33 updated: 2024/5/2 18:29:33 categories: 後端開發 tags: Django WebDev Python ORM Security Deployment Op ...
  • 1、BOM對象 BOM:Broswer object model,即瀏覽器提供我們開發者在javascript用於操作瀏覽器的對象。 1.1、window對象 視窗方法 // BOM Browser object model 瀏覽器對象模型 // js中最大的一個對象.整個瀏覽器視窗出現的所有東西都 ...