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

Raizel ·

更新时间:2024-11-14

· 273 次阅读

简单使用 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]

sort js

1024 个赞