當前位置:妙知谷 >

遊戲數碼 >IT技術 >

Javascript裏如何對數組進行排序?

Javascript裏如何對數組進行排序?

網頁開發裏,我們經常會用到Javascript腳本。在寫JS代碼過程中,我們經常會與數組打交道,對數組進行添加,刪除等操作,有時還會對數組進行排序。下面我們一起了解下怎麼對數組進行排序。

操作方法

(01)先寫上我們的示例代碼,如圖,我們定義了一個數組arr,數組包括有幾個字母,不按順序的,要對數組進行排序,我們可以直接調用sort方法。再加上一些輸出語句,是指在瀏覽器的調試控制枱裏輸出內容。

Javascript裏如何對數組進行排序?

(02)運行頁面,我們在控制枱裏看下結果,如圖,數組調用sort方法後,就按字母的升序做好排序了。

Javascript裏如何對數組進行排序? 第2張

(03)我們修改下代碼,把數組內容從字符串改成數字,然後再調用sort方法,代碼如圖

Javascript裏如何對數組進行排序? 第3張

(04)修改後,運行頁面,再看下結果,從圖中可以看到,我們的數組並沒有按數字從小到大排序。

Javascript裏如何對數組進行排序? 第4張

(05)為什麼這樣?因為默認情況下,數組排序都是按字符串來排序的,而不管數組內容是數字還是字符串。那怎麼讓數組按數字大小來排序呢?我們需要為sort方法傳一個參數,這個參數是一個方法,我們先定義下這個方法。該方法很簡單,就是比較二個數的大小,如圖,

Javascript裏如何對數組進行排序? 第5張

(06)然後修改下sort排序方法,把剛才定義的方法名傳進來。

Javascript裏如何對數組進行排序? 第6張

(07)再次運行頁面,可以看到現在的數組就是按數字從小到大排序的。

Javascript裏如何對數組進行排序? 第7張

(08)如果要改成從大到小排序呢?也很簡單,在numeric_sort方法裏,原來是n1>n2時返回true的,改成n1<n2時返回true就行了。

Javascript裏如何對數組進行排序? 第8張

(09)再次運行,就可以得到數組從大到小的結果了。

Javascript裏如何對數組進行排序? 第9張
標籤: javascript 數組
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/ymgm9.html