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

    使用非常灵活。

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

  • 相关阅读:
    XStream
    Tomcat权威指南-读书摘要系列2
    《人性的弱点》
    HttpClient
    Spring整合Mybatis
    Tomcat权威指南-读书摘要系列1
    MT【88】抽象函数
    MT【87】迭代画图
    MT【86】两个绝对值之和最大
    MT【85】正整数系数
  • 原文地址:https://www.cnblogs.com/yanggb/p/12083992.html
Copyright © 2020-2023  润新知