时间: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]