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}]

使用非常灵活。

 

"你冒险，你谁都不服。 你歌颂，你认真消遣。 怎么收场以后再谈， 你这年纪， 风月都好看，爱恨都浪漫。"