第一百一十三篇: JS數組Array(二)數組方法 棧、隊列、排序

来源:https://www.cnblogs.com/FatTiger4399/archive/2022/12/14/16980632.html
-Advertisement-
Play Games

好家伙, 在上一篇中,我們知道了, JS的數組中每個槽位可以存儲任意類型的數據 那麼,我們能通過數組去模仿某些數據結構嗎? 答案是肯定的 1.棧方法 ECMAScript 給數組提供幾個方法,讓它看起來像是另外一種數據結構。 數組對象可以像棧一樣,也就是一種限制插人和刪除項的數據結構。 棧是一種後進 ...


好家伙, 

 

在上一篇中,我們知道了,

JS的數組中每個槽位可以存儲任意類型的數據

那麼,我們能通過數組去模仿某些數據結構嗎?

答案是肯定的

 

1.棧方法

ECMAScript 給數組提供幾個方法,讓它看起來像是另外一種數據結構。

數組對象可以像棧一樣,也就是一種限制插人和刪除項的數據結構。

棧是一種後進先出(LIFO,Last-In-First-Out)的結構,也就是最近添加的項先被刪除。

數據項的插入(稱為推入,push)和刪除(稱為彈出,pop)只在棧的一個地方發生,即棧頂

ECMAScript數組提供了push()和pop()方法,以實現類似棧的行為。
push()方法接收任意數量的參數,並將它們添加到數組末尾,返回數組的最新長度。

pop()方法則用於刪除數組的最後一項,同時減少數組的1ength值,返回被刪除的項。

用法示例:

let colors = ["red", "blue", "green"]; //定義一個字元串數組
let cpush = colors.push("black");
console.log(colors,cpush);

let cpop = colors.pop();
console.log(colors,cpop);

 

 

 

 (這張圖,沒有十年畫工畫不出來)

 

 

2.隊列方法

2.1.正隊列

就像棧是以LIFO形式限制訪問的數據結構一樣,隊列以先進先出(FIFO,First-In-First-Out)形式限制訪問。

隊列在列表末尾添加數據,但從列表開頭獲取數據。

因為有了在數據末尾添加數據的push()方法,所以要模擬隊列就差一個從數組開頭取得數據的方法了。

這個數組方法叫shift(),它會刪除數組的第一項並返回它,然後數組長度減1。

使用shift()和push(),可以把數組當成隊列來使用

 

用法示例:

let colors = ["red", "blue", "green"]; //定義一個字元串數組
let cpush = colors.push("black");
console.log(colors,cpush);

let cshift = colors.shift();
console.log(colors,cshift);
console.log(colors,colors.shift());

 

 

 

 

2.2.逆隊列

ECMAScript也為數組提供了unshift()方法。

顧名思義,unshift()就是執行跟shift()相反的操作:在數組開頭添加任意多個值,然後返回新的數組長度。

通過使用 unshift()和pop(),可以在相反方向上模擬隊列,即在數組開頭添加新數據,在數組末尾取得數據, 

用法示例:

let colors = ["red", "blue", "green"]; //定義一個字元串數組
let cunshift = colors.unshift("black");
console.log(colors,cunshift);

let cpop = colors.pop();//將出隊元素重新插回隊頭
colors.unshift(cpop);

console.log(colors,cpop);
console.log(colors,colors.pop());

 

 

 

 (這張圖,沒有十年畫工畫不出來)

 

 

3.排序方法

 數組有兩個方法可以用來對元素重新排序:reverse()和sort()。

3.1.reverse()反轉數組方法

顧名思義,reverse()方法就是將數組元素反向排列。

用法示例:

let colors = ["red", "blue", "green"]; //定義一個字元串數組
colors.reverse();
console.log(colors);

 

 (貌似一些基礎面試題會有類似的題目,叫你去反轉某個數組,這麼乾就對了)

 

 

3.2.sort()排序方法

按照官方的說法,這是一個排序方法,

 

預設情況下,sort()會按照升序重新排列數組元素,即最小的值在前面,最大的值在後面。

 

為此,sort()會在每一項上調用string()轉型函數,然後比較字元串來決定順序。

 

但他並不總是能得到正確的排序

let colors = [99999,99,999,9999,9]; 
colors.sort();
console.log(colors);

colors_1 =[9, 99, 999, 9999, 99999];
colors_1.sort();
console.log(colors_1);

colors_2 =[0,1,5,10,15];
colors_2.sort();
console.log(colors_2);

 

 

 這裡我們可以看到,第三個例子的排序錯誤了

 

為此,sort()方法可以接收一個比較函數,用於判斷哪個值應該排在前面.

 

 

比較函數接收兩個參數,

(1) 如果第一個參數應該排在第二個參數前面,就返回負值;

(2) 如果兩個參數相等,就返回0;

(3) 如果第一個參數應該排在第二個參數後面,就返回正值。

function compare_1(valuel, value2){
    if (valuel < value2){
        return -1;
    }
    else if (valuel > value2) {
        return 1;
    }
    else{
        return 0;
    }
}

 

返回-1就不進行交換,返回1將對兩個值對調

colors_2 = [0, 1, 5, 10, 15];

//從小到大排序
function compare_1(valuel, value2){
    if (valuel < value2){
        return -1;
    }
    else if (valuel > value2) {
        return 1;
    }
    else{
        return 0;
    }
}

//從大到小排序
function compare_2(valuel, value2){
    if (valuel < value2){
        return 1;
    }
    else if (valuel > value2) {
        return -1;
    }
    else{
        return 0;
    }
}

console.log(colors_2.sort(compare_1));
console.log(colors_2.sort(compare_2));

 

 

如果數組的元素是數值,或者是其valueOf()方法返回數值的對象(如Date對象),這個比較函數還可以寫得更簡單,

更簡便的寫法:

colors_2 = [0, 1, 5, 10, 15];
function compare_3(value1, value2){
    return value2-value1;
}

function compare_4(value1, value2){
    return value1-value2;
}
console.log(colors_2.sort(compare_3));
console.log(colors_2.sort(compare_4));

 

 

怎麼說呢,感覺這個sort()設計的並不是很好,用起來並不是那麼的方便,

要排序的話,或許直接寫一個冒泡排序或者快速排序可以解決?

 

又或者是開發者故意開放一個比較函數來讓我們編輯的?

JS-數組sort方法用的是哪種排序演算法 - 簡書 (jianshu.com)

等有了更多知識儲備再來回答吧

 


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

-Advertisement-
Play Games
更多相關文章
  • 個人名片: 對人間的熱愛與歌頌,可抵歲月冗長:sun_with_face: Github👨🏻‍💻:念舒_C.ying CSDN主頁✏️:念舒_C.ying 個人博客:earth_asia: :念舒_C.ying @(目錄) 1 安裝之前檢測系統是否有自帶的MySQL #查詢是否使用rpm安裝過 ...
  • NTP 時間同步 NTP(Network Time Protocol)協議,網路時間協議。利用ntp協議可以實現網路中的電腦時間同步。 實現NTP協議的工具: ntpdate:只能同步一次時間 ntp:持久同步時間 chrony:持久同步時間,精度比上面的ntp更好,速度更快。 使用ntpdate ...
  • 企業集團財務公司(以下簡稱財務公司)是指以加強企業集團資金集中管理和提高企業集團資金使用效率為目的,依托企業集團、服務企業集團,為企業集團成員單位提供金融服務的非銀行金融機構。 通俗來講財務公司是大型企業集團內部的銀行,是需要向央行繳納存款準備金的一種金融機構。它既可以從事一些基本業務,如存、貸、結 ...
  • 摘要:近年來,國家陸續出台金融科技相關政策,提出創新驅動發展戰略,強調以新一代信息和網路技術為支撐,拓展互聯網金融,促進技術創新和商業模式創新的融合。 本文分享自華為雲社區《全球銀行最大分散式核心系統全面上線,郵儲銀行做到了!》,作者: GaussDB 資料庫 。 2022年4月,中國郵政儲蓄銀行( ...
  • 首發微信公眾號:SQL資料庫運維 原文鏈接:https://mp.weixin.qq.com/s?__biz=MzI1NTQyNzg3MQ==&mid=2247485212&idx=1&sn=450e9e94fa709b5eeff0de371c62072b&chksm=ea37536cdd40da7 ...
  • "天底下沒有完美的資料庫,也許Oracle是個例外”,前陣子幾個DBA在討論國產化替代時,有人就這麼說。確實是的,Oracle算是比較完美的資料庫產品了,不過現在很多用戶都在面臨從Oracle資料庫向其他資料庫遷移的問題。中國電信已經宣佈了今年年底前全線下架Oracle資料庫,全部用國產或者開源數據... ...
  • 華為應用市場在2022年HDC大會期間發佈了一款3D水流主題,基於華為HMS Core Scene Kit服務能力,展現立體靈動的水流島嶼,可跟隨用戶指尖實現實時流體波動效果,既趣味又解壓。 讓變幻莫測的物質來實現我們在影視和游戲等多種應用場景中的奇思妙想,從早期步驟繁重的特效製作演變到如今,已經有 ...
  • 本文是 CSS Houdini 之 CSS Painting API 系列第三篇。 現代 CSS 之高階圖片漸隱消失術 現代 CSS 高階技巧,像 Canvas 一樣自由繪圖構建樣式! 在上兩篇中,我們詳細介紹了 CSS Painting API 是如何一步一步,實現自定義圖案甚至實現動畫效果的! ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...