IT技術

當前位置 /首頁/遊戲數碼/IT技術/列表

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張
TAG標籤:javascript 陣列 #