谈谈JS中的sort方法

在js中我们可以对数组元素使用sort方法进行排序,比如下面这个程序:

var values = [0,1,56,23,34,3];
		values.sort();
		alert(values);
		

解释:上面程序定义了一个名为values的数组,然后对values进行了sort方法调用,然后alert一下数组的内容,所以该内容是对数组进行了默认的升序排序,有的人可能会对这个结果产生误解,先来说一下这个程序运行以后的结果如下图所示:
这里写图片描述
仔细的人应该发现了,既然是按照升序排序,结果为什么会是这样呢?因为在使用sort排序的时候它总会使用第一个字符的ASCII值来进行比较排序,这样的话就会导致出现如上图所示的排序结果。但是这个排序结果并不是我们想要的,我们想要的是0,1,3,23,34,56这样的结果,所以我们需要自己写一个规则,然后让数组按照这个规则进行排序,代码如下所示:

var values = [0,1,56,23,34,3];
		values.sort(function compare(value1,value2){
			if (value1 < value2) {
				console.info(values);
				return -1;
			} else if (value1 > value2) {
				console.info(values);
				return 1;
			}else{
				console.info(values);
				return 0;
			}
		});
		console.info(values);
		

这次就是按照从小到大的结果进行排序的,有的人会对于sort方法里面传入一个函数,以及这个compare怎么执行感到不解,做两点说明:
(1)对于compare函数的解释:比较函数在第一个值应该位于第二个之后的情况下返回1,而在第一个值应该在第二个之前的情况下返回-1。交换返回值的意思是让更大的值排位更靠前,也就是对数组按照降序排序。
(2)对于这个结果的执行流程,用以下图解的方式说明了整个代码的执行流程,其中用箭头标注了数字值的位置的交换与更替。
这里写图片描述
在这里插入图片描述

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值