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

使用非常灵活。

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

原文地址:https://www.cnblogs.com/yanggb/p/12083992.html