Javascript数组重排序怎么实现(javascript,web开发)

时间:2024-05-08 03:46:54 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    Javascript%E6%95%B0%E7%BB%84%E9%87%8D%E6%8E%92%E5%BA%8F%E6%80%8E%E4%B9%88%E5%AE%9E%E7%8E%B0

Javascript Array 重排序方法

数组中已经存在两个可以直接用来重排序的方法:reverse()和sort()。有读者可能猜到了,reverse()方法会对反转数组项的顺序。请看下面这个例子:

var values= [1, 2, 3, 4, 5];

values.reverse();

alert (values); //5,4,3,2,1

这里数组的初始值及顺序是1、2、3、4、5。而调用数组的reverse()方法后,其值的顺序变成了5、4、3、2、1。这个方法的作用相当直观明了,但不够灵活,因此才有了sort()方法。

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

var values= [0, 1, 5, 10, 15];

values.sort();

alert (values); //0,1,10.15,5

可见,即使例子中值的顺序没有问题,但sort()方法也会根据测试字符串的结果改变原来的顺序。因为数值5虽然小于10,但在进行字符串比较时,"10"则位于"5"的前面,于是数组的顺序就被修改了。不用说,这种排序方式在很多情况下都不是最佳方案。因此sort()方法可以接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。

比较函数接收两个参数,南昌网站制作工程师提示,如果第一个参数应该位于第二个之前则返回一个负数,如果两个参数相等则返回0,如果第一个参数应该位于第二个之后则返回一个正数。以下就是一个简单的比较函数:

function compare (valuel, value2) {

if (valuel return -1:

} else if (valuel>value2) {

return 1:

} else {

return 0:

}

}

这个比较函数可以适用于大多数数据类型,只要将其作为参数传递给sort()方法即可,如下面这个例子所示:

var values=[O, 1, 5, 10, 15];

alert (values); //0,1, 5,10,15

在将比较函数传递到sort()方法之后,数值仍然保持了正确的升序。当然,也可以通过比较函数产生降序排序的结果,只要交换比较函数返回的值即可:

function compare (valuel, value2) {

if(valuel < value2) {

}else if(valuel>value2) {

}else {

return O:

}

}

var values= [0, 1, 5, 10, 15];

values.sort (compare);

alert (values); // 15 ,10,5,1,0

在这个修改后的例子中,比较函数在第一个值应该位于第二个之后的情况下返回l,而在第一个值应该在第二个之前的情况下返回一1。.交换返回值的意思是让更大的值排位更靠前,也就是对数组按 照降序排序。当然,如果只想反转数组原来的顺序,使用reverse()方法要更快一些。

南昌网页设计公司工程师提醒,reverse()和sort()方法的返回值是经过排序之后的数组.

对于数值类型或者其valueOf()方法会返回数值类型的对象类型.可以使用一个更简单的比较函数:这个函数只要用第二个值减第一个值即可①:

function compare (valuel, value2){

return value2 - valuel;

}

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

本文:Javascript数组重排序怎么实现的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Javascript中Global对象及window对象属性有哪些下一篇:

15 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18