javascript中的數組排序——sort()方法

在JavaScript中的Array對象提供了一個sort()方法用於對數組中的元素進行排序。

sort()方法簡介

JavaScript中數組的sort()方法主要用於對數組的元素進行排序。其中，sort()方法有一個可選參數。但是，此參數必須是函數。 數組在調用sort()方法時，如果沒有傳參將按字母順序（字符編碼順序）對數組中的元素進行排序，如果想按照其他標准進行排序，就需要進行傳一個參數且為函數，該函數要比較兩個值，並且會返回一個用於說明這兩個值的相對順序的數字。

Array.sort()方法將在原數組上對數組元素進行排序，即排序時不創建新的數組副本。如果調用方法sort()時沒有使用參數，將按字母順序（更為精確地說，是按照字符編碼的順序）對數組中的元素進行排序。要實現這一點，首先應把數組的元素都轉換成字符串（如果有必要的話），以便進行比較，但是一般不會這樣做。

如果想按照別的順序進行排序，就必須提供比較函數，該函數要比較兩個值，然后返回一個用於說明這兩個值的相對順序的數字。比較函數應該具有兩個參數a和b，其返回值如下：

根據評判標准，如果a小於b，在排序后的數組中a應該出現在b之前，就返回一個小於0的值；如果a等於b，就返回0；如果a大於b，就返回一個大於0的值。

要注意的是，數組中undefined的元素都排列在數組末尾。即使你提供了自定義的排序函數也是這樣，因為undefined值不會被傳遞給你提供的排序函數（Order Function）。

示例1：對數字數組進行由小到大的順序進行排序

var arr = [22, 12, 3, 43, 56, 47, 4];

arr.sort();
console.log(arr); // [12, 22, 3, 4, 43, 47, 56]

arr.sort(function (m, n) {
    if (m < n) return -1
    else if (m > n) return 1
    else return 0
});
console.log(arr); // [3, 4, 12, 22, 43, 47, 56]

當數組中的元素是數值類型的情況下，上面的代碼還可以簡化。

var arr = [22, 12, 3, 43, 56, 47, 4];

arr.sort();
console.log(arr); // [12, 22, 3, 4, 43, 47, 56]

arr.sort(function (m, n) {
   return m - n; // 直接使用減法來做比較
});
console.log(arr); // [3, 4, 12, 22, 43, 47, 56]

示例2：對字符串數組執行不區分大小寫的字母表排序。

var arr = ['abc', 'Def', 'BoC', 'FED'];

arr.sort()
console.log(arr); // ["BoC", "Def", "FED", "abc"]

arr.sort(function(s, t){
    var a = s.toLowerCase();
    var b = t.toLowerCase();
    if (a < b) return -1;
    if (a > b) return 1;
    return 0;
})
console.log(arr); // ["abc", "BoC", "Def", "FED"]

示例3：對包含對象的數組排序，要求根據對象中的年齡進行由大到小的順序排列

var arr = [{'name': '張三', age: 26},{'name': '李四', age: 12},{'name': '王五', age: 37},{'name': '趙六', age: 4}];

var sortFunc = function (keyName) {
    return function (objectN, objectM) {
        var valueN = objectN[keyName]
        var valueM = objectM[keyName]
        if (valueN < valueM) return 1
        else if (valueN > valueM) return -1
        else return 0
    }
}

arr.sort(sortFunc('age'))
console.log(arr) // [{'name': '王五', age: 37},{'name': '張三', age: 26},{'name': '李四', age: 12},{'name': '趙六', age: 4}]

使用非常靈活。

 

"你冒險，你誰都不服。 你歌頌，你認真消遣。 怎么收場以后再談， 你這年紀， 風月都好看，愛恨都浪漫。"