当前位置:主页 > 网页前端 > JavaScript代码 >

JS 数组sort方法的升序为什么是a-b你知道吗

时间:2022-08-24 09:41:22 | 栏目:JavaScript代码 | 点击:

简单使用 sort 方法的时候,是按位排序的,比如:

    var arr = [1, 22, 15, 32, 4, 5]
    arr.sort()//[1,15,22,32,4,5]

这样的结果很明显不能满足大多数问题的需求,所以我们可以在调用sort方法的时候,传入一个回调函数,从而改变 sort 方法的排序方式。先放结果,下列两次排序分别为 升序排序 和 降序排序 。

    var arr = [1, 22, 15, 32, 4, 5]
    arr.sort((a, b) => {return a - b}) // 升序排序 [1, 4, 5, 15, 22, 32]
    arr.sort((a, b) => {return b - a}) // 降序排序 [32, 22, 15, 5, 4, 1]

回调函数的格式为(a,b)=> { return xxx },ab为数组中任意两个数

当返回值大于0时,a放在b的后面;

当返回值小于0时,a放在b的前面;

当返回值等于0时,ab位置不改变。

所以,为什么上面返回 a - b 就是升序,返回 b - a 就是降序了呢?

我们可以简单举个例子,类似于高中数学的分类讨论。

当 a>b 时,

a - b > 0  ,排序结果 ===> b,a (升序)

b - a < 0  ,排序结果 ===> a,b (降序)

当 b>a 时,

a - b < 0  ,排序结果 ===> a,b (升序)

b - a > 0  ,排序结果 ===> b,a (降序)

当 a=b 时,

a - b = b - a =0 , 排序结果 ===> 保持不变

由此看出,

无论a>b还是b>a,return a-b 总能得到升序的结果,而 return b-a 总能得到降序的结果。

另外,return a-b / return b - a 只是一种在理解的基础上简便的写法。

如果你还是不能理解,完全可以像这样写,下面也是一个升序排序:

因为返回值>0,把a放在后面,所以a>b时候,返回一个正数。后面理解同理。

    var arr = [1, 22, 15, 32, 4, 5]
    arr.sort((a, b) => {
      if (a > b) return 1;
      else if (a < b) return -1;
      else return 0;
    }); // [1,4,5,15,22,32]

您可能感兴趣的文章:

相关文章