欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js的sort()方法使用技巧

程序员文章站 2022-06-24 22:04:09
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。 array....

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

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= [ 
    { 'sortno': 2},
    { 'sortno': 1},
    { 'sortno': 5},
    { 'sortno': 6},
    { 'sortno': 7},
    { 'sortno': 3},
    { 'sortno': 9},
    { 'sortno': 4},
    { 'sortno': 0}
];
arr.sort(function(a, b){
        return a.sortno - b.sortno;
});
console.log(arr);
//输出结果
//{ 'sortno': 0}
//{ 'sortno': 1}
//{ 'sortno': 2}
//{ 'sortno': 3}
//{ 'sortno': 4}
//{ 'sortno': 5}
//{ 'sortno': 6}
//{ 'sortno': 7}
//{ 'sortno': 9}