js中sort()方法排序失效

2 篇文章 0 订阅

前言

sort() 方法的官方定义是用于对数组的元素进行排序,但是为什么在作用于纯数字数组的时候排序的结果总是达不到预期效果呢?

关键点

sort() 方法中有一个参数,非必填,但是在忽略此参数的情况下,使用sort()排序会默认先调用数组中每一项元素的toString()方法,然后根据首字母的 ASCLL 码值的大小进行排序。

1、对 字符型 数组进行排序
	var arr1=['a','b','A','B'];
	arr1.sort();
	console.log('arr1',arr1); //["A", "B", "a", "b"]

a的 ASCLL 码值为97,b的 ASCLL 码值为98 ,A的 ASCLL 码值为65,B的 ASCLL 码值为66,所以arr1经过sort排序后数组中元素顺序如上图所示。
此时使用sort()排序后的arr1中数组元素从小到大排列是没问题的,那么接下来让我们看一看在纯数字数组中使用sort()排序后的结果如何?

2、对 数字型 数组进行排序
    var arr2=[12,5,28,2];
    arr2.sort();
    console.log('arr2',arr2); //[12, 2, 28, 5]

此时可以看到排序的结果并不是我们预想中的按 从小到大 的顺序排列,是由于 数字 0 的ASCLL码值为 16,数字 1 的ASCLL码值为17,依次类推……
那么问题来了,面对纯数字数组,难道官方给出的sort方法就无效了吗?答案当然是否定的,我们可以通过在sort方法的参数中传入一个函数来解决数字数组的排序问题。

	// 对sort添加比较函数
    function compareNum(x,y){
      if(x<y){
        return -1;
      }else if(x==y){
        return 0;
      }else if(x>y){
        return 1;
      }
    }
    //再次调用sort()函数
    arr2.sort(compareNum);
    console.log('arr2 again',arr2); //[2, 5, 12, 28]

如上图所示,在sort()中传入了一个compareNum的函数,此时的结果就达到了我们的预期。
如果要实现一个数组的升序,降序排列,可以将比较函数简写如下:

//升序
arr.sortUp(function(x,y){
    retun x-y;
});
//降序
arr.sortDown(function(x,y){
    retun y-x;
});

拓展

如果要将一个数组中的元素乱序排列呢?同样的我们也可以借助于sort() 函数。将随机函数中的参数不做比较,每次随机生成一个0-1的数,与中介值0.5比较,此时返回的1和-1是随机的,同样也实现了数组元素的随机排列。

    // 打乱数组(数组元素随机)
    function randomSort(x,y){
      return Math.random() > 0.5 ? 1 : -1;
    }
    var arr3 = [0,1,2,3,4,5,6,7,8,9];
    arr3.sort(randomSort);
    console.log('arr3',arr3)
  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JavaScriptsort()是用于对数组进行排序方法sort()可以按照默认的字符顺序对数组的元素进行排序,也可以使用自定义的排序函数来指定排序规则。 默认情况下,sort()方法数组元素转换为字符串,并按照Unicode码点进行排序。这意味着它在对数字进行排序时可能不会按照我们预期的顺序进行。 如果我们想要指定自定义的排序规则,我们可以通过传递一个比较函数作为参数来实现。比较函数接受两个参数,并根据这两个参数的关系返回一个负数、零或正数,来决定它们在排序结果的顺序。如果第一个参数应该排在第二个参数之前,则返回一个负数,如果它们的顺序应该保持不变,则返回零,如果第一个参数应该排在第二个参数之后,则返回一个正数。 下面是一个示例:假设我们有一个对象数组,每个对象具有name和age属性。我们可以使用sort()方法按照name属性的字母顺序对数组进行排序,可以使用如下的比较函数: ``` function compare(a, b) { if (a.name < b.name) { return -1; } if (a.name > b.name) { return 1; } return 0; } array.sort(compare); ``` 这样,数组将按照name属性的字母顺序进行排序。如果要按照age属性进行排序,只需相应地修改比较函数即可。 需要注意的是,sort()方法会修改原始数组,而不是返回一个新的排序后的数组。因此,在使用sort()方法之前,最好先创建原始数组的副本,以防止不需要的副作用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [jssort:JavaScript排序方法,将按给定数组对象的多个字段进行排序](https://download.csdn.net/download/weixin_42112894/18494492)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [js数组排序sort方法的原理分析](https://download.csdn.net/download/weixin_38535808/13209337)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Js sort排序使用方法](https://download.csdn.net/download/weixin_38615591/13064684)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值