JS陣列排序:使用reverse()和sort()方法

2020-07-16 10:05:05
JS 陣列排序是一項重要的操作,Array 物件定義了兩個方法來調整陣列順序。

使用 reverse() 對陣列排序

JavaScript reverse() 方法能夠顛倒陣列元素的排列順序,該方法不需要引數。
var a = [1,2,3,4,5];  //定義陣列
a.reverse();  //顛倒陣列順序
console.log(a);  //返回陣列[5,4,3,2,1]

reverse() 方法是在原陣列基礎上進行操作,而不是建立新的陣列。

使用 sort() 對陣列排序

JavaScript sort() 方法能夠根據一定條件對陣列元素進行排序。如果呼叫 sort() 方法時沒有傳遞引數,則按字母順序對陣列中的元素進行排序。
var a = ["a","e","d","b","c"];  //定義陣列
a.sort();  //按字母順序對元素進行排序
console.log(a);  //返回陣列[a,b,c,d,e]

使用 sort() 方法時,應該注意下面幾個問題。

1) 所謂的字母順序,實際上是根據字母在字元編碼表中的順序進行排列的,每個字元在字元表中都有一個唯一的編號。

2) 如果元素不是字串,則 sort() 方法試圖把陣列元素都轉換成字串,以便進行比較。

3) sort() 方法將根據元素值進行逐位比較,而不是根據字串的個數進行排序。
var a = ["aba","baa","aab"];  定義陣列
a.sort();  //按字母順序對元素進行排序
console.log(a);  //返回陣列[aab,aba,baa]
在排序時,首先比較每個元素的第 1 個字元,在第 1 個字元相同的情況下,再比較第 2 個字元,以此類推。

4) 在任何情況下,陣列中 undefined 的元素都被排序在末尾。

5) sort() 方法是在原陣列基礎上進行排序操作的,不會建立新的陣列。

sort() 方法不僅按字母順序進行排序,還可以根據其他順序執行操作。這時就必須為方法提供一個函數引數,該函數要比較兩個值,然後返回一個用於說明這兩個值的相對順序的數位。排序函數應該具有兩個引數 a 和 b,,其返回值如下。
  • 如果根據自定義評判標準,a 小於 b,在排序後的陣列中 a 應該出現在 b 之前,就返回一個小於 0 的值。
  • 如果 a 等於 b,就返回 0。
  • 如果 a 大於 b,就返回一個大於 0 的值。

範例1

在下面範例中,將根據排序函數比較陣列中每個元素的大小,並按從小到大的順序執行排序。
function f(a,b) {  //排序函數
    return (a - b);  //返回比較引數
}
var a = [3,1,2,4,5,7,6,8,0,9];  //定義陣列
a.sort(f);  //根據數位大小由小到大進行排序
console.log(a);  //返回陣列[0,1,2,3,4,5,6,4,7,8,9]
如果按從大到小的順序執行,則讓返回值取反即可。程式碼如下:
function f(a,b) {  //排序函數
    return -(a - b);  //取反並返回比較引數
}
var a = [3,1,2,4,5,7,6,8,0,9];  //定義陣列
a.sort(f);  //根據數位大小由小到大進行排序
console.log(a);  //返回陣列[9,8,7,6,5,4,3,2,1,0]

範例2

根據奇偶性質排列陣列。

sort() 用法比較靈活,主要是函數排序比較。例如,如果根據奇偶數順序排序陣列,只需要判斷順序函數中兩個引數是否為奇偶數,並決定排列順序。
function f(a, b) {  //排序函數
    var a = a % 2;  //獲取引數a的奇偶性
    var b = b % 2;  //獲取引數b的奇偶性
    if (a == 0) return 1;  //如果引數a為偶數,則排在左邊
    if (b == 0) return -1;  //如果引數b為偶數,則排在右邊
}
var a = [3,1,2,4,5,7,6,8,0,9];  //定義陣列
a.sort(f);  //根據數位大小由大到小進行排序
console.log(a);  //返回陣列[3,1,5,7,9,0,8,6,4,2]
sort() 方法在呼叫排序函數時,對每個元素值傳遞給排序函數,如果元素值為偶數,則保留其位置不動;如果元素值為奇數,則調換引數 a 和 b 的顯示順序,從而實現對陣列中所有元素執行奇偶排序。如果希望偶數排在前面,奇數排在後面,則只需要取返回值。排序函數如下。
function f(a, b) {
    var a = a % 2;
    var b = b % 2;
    if (a == 0) return -1;
    if (b == 0) return 1;
}

範例3

不區分大小寫排序字串。

在正常情況下,對字串進行排序是區分大小寫的,這是因為每個大寫字母和小寫字母在字元編碼表中的順序是不同的,大寫字母大於小寫字母。
var a = ["aB", "Ab", "Ba", "bA"];  //定義陣列
a.sort();  //預設方法排序
console.log(a);  //返回陣列["Ab", "Ba", "aB", "bA"]
大寫字母總是排在左側,如果讓小寫字母總是排在左側,可以設計:
function f(a ,b) {
    return (a < b);
}
var a = ["aB", "Ab", "Ba", "bA"];  //定義陣列
a.sort();  //預設方法排序
console.log(a);  //返回陣列["Ab", "Ba", "aB", "bA"]
對於字母比較大小時,JavaScript 是根據字元編碼大小來決定的,當為 true 時,則返回 1;為 false 時,則返回 -1。

如果不希望區分大小寫,大寫字母和小寫字母按相同順序排列,可以設計:
function f(a, b) {
    var a = a.toLowerCase;
    var b = b.toLowerCase; 
    if (a < b) {
        return 1;
    }
    else {
        return -1;
    }
}
var a = ["aB", "Ab", "Ba", "bA"];  //定義陣列
a.sort();  //預設方法排序
console.log(a);  //返回陣列["aB", "Ab", "Ba", "bA"]
如果要調整排列順序,則設定返回值取反即可。

範例4

把浮點數和整數分開顯示。
function f(a, b) {  //排序函數
    if (a > Math.floor(a)) return 1;  //如果a是浮點數,則調換位置
    if (b > Math.floor(b)) return -1;  //如果b是浮點數,則調換位置
}
var a = [3.5555, 1.23456, 3, 2.11111, 5, 7, 3];  //定義陣列
a.sort(f);  //進行篩選
console.log(a);  //返回陣列[3,5,7,3,2.11111,1.23456,3.55555]
如果要調整排序順序,則設定返回值取反即可。