js中的sort()使用方法-js教程-PHP中文网

js中的sort()使用方法

小云云

发布： 2018-03-13 17:15:09

原创

2127 人浏览过

如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。

array.sort()方法默认是升序排序，如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：

若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
若 a 等于 b，则返回 0。
若 a 大于 b，则返回一个大于 0 的值。

简单点：比较函数两个参数a和b，返回a-b升序，返回b-a降序

以下通过几个例子来理解

普通数组升序

var arr = [4,3,6,5,7,2,1];
arr.sort();
console.log(arr);//输出结果[1,2,3,4,5,6,7]

登录后复制

普通数据降序

var arr = [4,3,6,5,7,2,1];
arr.sort();
arr.sort(function(a,b){    return b-a;
});
console.log(arr);//输出结果[7,6,5,4,3,2,1]

登录后复制

对象数组排序

var arr= [ 
    { &#39;sortNo&#39;: 2},
    { &#39;sortNo&#39;: 1},
    { &#39;sortNo&#39;: 5},
    { &#39;sortNo&#39;: 6},
    { &#39;sortNo&#39;: 7},
    { &#39;sortNo&#39;: 3},
    { &#39;sortNo&#39;: 9},
    { &#39;sortNo&#39;: 4},
    { &#39;sortNo&#39;: 0}
];
arr.sort(function(a, b){        return a.sortNo - b.sortNo;
});
console.log(arr);//输出结果//{ &#39;sortNo&#39;: 2}//{ &#39;sortNo&#39;: 1}//{ &#39;sortNo&#39;: 5}//{ &#39;sortNo&#39;: 6}//{ &#39;sortNo&#39;: 7}//{ &#39;sortNo&#39;: 3}//{ &#39;sortNo&#39;: 9}//{ &#39;sortNo&#39;: 4}//{ &#39;sortNo&#39;: 0}

登录后复制

对象数组多条件排序

（此例如果sortNo相同，则按sortNo2从大到小）

var arr= [ 
    { &#39;sortNo&#39;: 2, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 1, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 5, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 6, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 7, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 4},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 2},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 1},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 8, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 1},
    { &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 2}
];
arr.sort(function(a, b){    if (a.sortNo === b.sortNo) {            return b.sortNo2 - a.sortNo2;
    } else {            return a.sortNo - b.sortNo;
    }
});
console.log(arr); 

//输出结果//{ &#39;sortNo&#39;: 1, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 2, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 4}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 2}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 1}//{ &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 2}//{ &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 1}//{ &#39;sortNo&#39;: 5, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 6, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 7, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 8, &#39;sortNo2&#39;: 3}

登录后复制

js中的sort()使用方法

普通数组 升序

普通数据 降序

对象数组排序

对象数组多条件排序

普通数组升序

普通数据降序