js中数组(Array)重排序方法深析

最新推荐文章于 2023-10-11 12:20:28 发布

原创最新推荐文章于 2023-10-11 12:20:28 发布 · 586 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文详细介绍了JavaScript数组中的sort()方法及其应用场景。默认情况下，该方法通过将数组元素转换为字符串并进行比较来实现排序，这可能导致数值排序错误。文章还讲解了如何通过传递自定义比较函数来解决此问题，并提供了升序与降序排序的例子。

数组中已经存在两个可以直接用来重排序的方法： reverse() 和 sort()

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

var values = [0, 1, 5, 10, 15];
values.sort();
alert(values); //0,1,10,15,5

sort() 方法可以接收一个比较函数作为参数，以便我们指定哪个值位于哪个值的前面。

比较函数接收两个参数，如果第一个参数应该位于第二个之前则返回一个负数，如果两个参数相等则返回 0，如果第一个参数应该位于第二个之后则返回一个正数。以下就是一个简单的比较函数：

function compare(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}<pre name="code" class="javascript">var values = [0, 1, 5, 10, 15];
<strong>values.sort(compare)</strong>;//升序
alert(values); //0,1,5,10,15

当然，也可以通过比较函数产生降序排序的结果，只要交换比较函数返回的值即可。

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

对于数值类型或者其 valueOf() 方法会返回数值类型的对象类型，可以使用一个更简单的比较函数。这个函数只要用第二个值减第一个值即可。
function compare(value1, value2){
return value2 - value1;
}
注：reverse() 和 sort() 方法的返回值是经过排序之后的数组。