javascript中arr的sort方法

因为之前对于sort中传递的函数不太理解,近期又重新看到了一个关于sort的视频,特此记录一次。首先说明一下,此方式只在火狐里面有效,在谷歌里面无效,出现这种原因,我也不知道为什么。

 arr = [5, 4];
        arr.sort(function(a, b) {
            console.log("a = " + a);
            console.log("b = " + b);
        })

在这里插入图片描述
这是在狐火里面调试出来的一段代码。其中在sort里面添加一个回调函数,来指定排序规则:
1.回调函数中需要定义两个参数
2.游览器将分别使用数组arr中的元素作为实参去调用回调函数.
3.使用哪个元素不确定,但是a是在b前面的。(而在谷歌调试中b是在a前面的,这就导致后面一系列的操作所导致的结果都不一样)

arr = [5, 4];
        arr.sort(function(a, b) {
            return 1;
        })
        console.log(arr);
arr = [5, 4];
        arr.sort(function(a, b) {
            return -1;
        })
        console.log(arr);

在这里插入图片描述
在这里插入图片描述
通过这两个代码的调试结果,我们可以知道,当我们在回调函数中返回一个大于0的数,数组中的元素会交换位置(由原来的[5,4]变成了[4,5]);当我们在回调函数中返回一个小于0的数,数组中的元素不会交换位置。当然返回0的话,说明两个数是相等的,也不会交换位置。由此我们 可以设计出来这样的一个从大到小排序的程序。

arr = [5, 4];
        arr.sort(function(a, b) {
            if (a > b) { //a>b,要想实现降序排序,让小的在后面,则和原来位置一样不需要换位置,返回-1
                return -1;
            } else if (a < b) {
                return 1;
            } else {
                return 0;
            }
        })
        console.log(arr);

从小到大的程序

 arr = [5, 4];
        arr.sort(function(a, b) {
            if (a > b) { //a>b,要想实现升序排序,让小的在前面,则和原来位置一样需要换位置,返回1
                return 1;
            } else if (a < b) {
                return -1;
            } else {
                return 0;
            }
        })
        console.log(arr);

在此我们发现这样设计出来的程序太复杂了,比我们学习的冒泡排序还复杂,所以我们根据之前的思路设计出来了这样的一个程序来简化代码:

 arr = [5, 4];
        arr.sort(function(a, b) {
            return a - b; //return a-b;如果a比b大,则返回一个大于0的数,两者会换位置,使大的数在后面,小的数在前面,实现升序排列
        })
        console.log(arr);
arr = [5, 4];
        arr.sort(function(a, b) {
            return b - a; //return b -a;如果a比b大,则返回一个小于0的数,两者不会换位置,使小的数在后面,大的数在前面,实现降序排列
        })
        console.log(arr);

如此可以实现一个数组的升序和降序的排序。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值