关于js中sort排序的用法

关于Array.prototype.sort()方法的使用一直很模糊,今天深入理解一下。

一、Sort()默认排序

根据《JavaScript高级程序设计》中的介绍:

在默认情况下,sort()方法按升序排列数组——即最小的值位于最前面,最大的值排在最后面。为了实现排序,sort()方法会调用每个数组项的toString()转型方法,然后比较得到的字符串,以确定如何排序。即使数组中的每一项都是数值,sort()方法比较的也是字符串,如下所示。

var values = [0,1,5,10,15];
values.sort();
alert(values);  // 0,1,10,15,5
二、Sort()比较函数排序

sort还可接收一个比较函数作为参数,以方便指定哪个值在前,哪个值在后。

比较函数接收两个参数,如果第一个参数应该位于第二个之前则返回一个负数,如果两个参数相等则返回0,如果第一个参数应该位于第二个之后则返回一个正数。

我们定义一个比较函数:

function compare(a,b){};

根据上面的定义可知,比较函数返回三个值:正数,0,负数;我们给它具体化,用1代表正数,-1代表负数。所以可以将上面的定义简化为以下结论。

当比较结果为-1时,a排在b的前面;
当比较结果为 0时,a===b;
当比较结果为 1时,a排在b的后面;

根据以上简化结果,我们可以写出按照从小到大(升序)排序的比较函数:

function compare(a,b){
	if (a < b){
		return -1;
	} else if (a > b){
		return 1;
	} else {
		return 0;
	}
}
var values = [0,1,5,10,15];
values.sort(compare);
alert(values);  // 0,1,5,10,15

也可以写出按照从大到小(降序)排序的比较函数:

function compare(a,b){
	if (a < b){
		return 1;
	} else if (a > b){
		return -1;
	} else {
		return 0;
	}
}
var values = [0,1,5,10,15];
values.sort(compare);
alert(values);  // 15,10,5,1,0
三、Sort()比较函数的简化

由于比较函数通过返回一个小于零、等于零或大于零的值来影响排序结果,因此减法操作就可以适当的处理所有这些情况。

1、升序

function compare(a,b){
	return a-b;
}
var values = [0,5,1,10];
values.sort(compare);
alert(values);  // 0,1,5,10

return a-b;时,为升序排序。
可将数组值带入语句中求出计算结果,根据计算结果来确定如何排序。
①带入值[0,5],可得a-b = 0-5 = -5,计算结果为负数,则a排在b的前面,[0,5]=>[0,5];此时数组为[0,5,1,10];
②带入值[5,1],可得a-b = 5-1 = 4,计算结果为正数,则a排在b的后面,[5,1]=>[1,5];此时数组为[0,1,5,10];
③带入值[5,10],可得a-b = 5-10 = -5,计算结果为负数,则a排在b的前面,[5,10]=>[5,10];此时数组为[0,1,5,10];
最终得出排序结果:[0,1,5,10]

2、降序

function compare(a,b){
	return b-a;
}
var values = [0,5,1,10];
values.sort(compare);
alert(values);  // 10,5,1,0

return b-a;时,为降序排序。
①带入值[0,5],可得b-a = 0-5 = -5,计算结果为负数,则a排在b的前面,[0,5]=>[5,0];此时数组为[5,0,1,10];
②带入值[0,1],可得b-a = 0-1 = -1,计算结果为负数,则a排在b的前面,[0,1]=>[1,0];此时数组为[5,1,0,10];
③带入值[0,10],可得b-a = 0-10 = -10,计算结果为负数,则a排在b的前面,[0,10]=>[10,0];此时数组为[5,1,10,0];
④带入值[1,10],可得b-a = 1-10 = -9,计算结果为负数,则a排在b的前面,[1,10]=>[10,1];此时数组为[5,10,1,0];
⑤带入值[5,10],可得b-a = 5-10 = -5,计算结果为负数,则a排在b的前面,[5,10]=>[10,5];此时数组为[10,5,1,0];
⑥带入值[1,0],可得b-a = 1-0 = 1,计算结果为正数,则a排在b的后面,[1,0]=>[1,0];此时数组为[10,5,1,0];
最后得出排序结果:[10,5,1,0]


以上升序和降序的运算过程为插入排序算法在不同的浏览器中sort()函数实现的排序算法也不一样

在V8引擎中,sort() 函数给出了两种排序 InsertionSort (插入排序)和 QuickSort(快速排序),length<=22的数组使用 InsertionSort,其他使用 QuickSort。

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

余额充值