zoukankan      html  css  js  c++  java
  • js数组排序 reverse()和sort()方法的使用

    WEB前端|js数组排序reverse()和sort()方法的使用,数组中已经存在两个可以直接用来重排序的方法: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()方法可以接受一个比较函数作为参数,以便我们指定那个值位于那个值的前面。

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

    function compare(value1, value2) {

       if (value1 < value2) {

           return -1;

       } else if (value1 > value2) {

           return 1;

       } else {

           return 0;

       }

    }

     

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

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

    values.sort(compare);

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

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

    function compare(value1, value2) {

       if (value1 < value2) {

           return 1;

       } else if (value1 > value2) {

           return -1;

       } else {

           return 0;

       }

    }

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

    values.sort(compare);

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

    reverse()和sort()方法会返回值是经过排序之后的数组。

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

    function compare(value1, value2) {

       return value2 - value1;

    }

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

  • 相关阅读:
    「两千年中公历转换」数据库介绍
    [转]Web中使用Word控件。(DSOFramer )
    解决DRIVE_IRQL_NOT_LESS_OR_EQUAL的方法
    Html Img的几个属性_存在个问题
    不错的开源C#博客_BlogEngine.net
    [转]引用指定的namespace 解决命名空间冲突的错误
    [原]不太完善的图像合并程序VS2005CSharp_有目录监控_TIF_JPG输出
    [转]JS小游戏_9格的棋
    JS小游戏_能坚持几秒
    [转]前台JS限制上传图片质量大小和尺寸!
  • 原文地址:https://www.cnblogs.com/hubl/p/5767168.html
Copyright © 2011-2022 走看看