欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > 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]

上一篇:使用js操作css实现js改变背景图片示例

栏    目:JavaScript代码

下一篇:uniapp实现微信小程序的电子签名效果(附demo)

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

本文地址:http://www.codeinn.net/misctech/211751.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有