当前位置 主页 > 网站技术 > 代码类 >

    javascript sort()对数组中的元素进行排序详解

    栏目:代码类 时间:2019-11-09 06:01

    javascript sort()可以对数组中的元素进行排序,

    语法格式:arrayObject.sort(sortby)

    arrayObject是数组对象,sortby为可选项,用来确定元素顺序的函数的名称,如果这个参数被省略,那么元素将按照ASCII字符顺序进行升序排列。

    在没有使用比较函数进行排序时,sort方法是按字符的ASCII值进行排序的,先从第一个字符比较,如果第一个字符相等,再比较第二个字符,以此类推。

    对于数值型数据,如果按照字符比较,得到的结果可能并不是我们想要的,因此需要借助比较函数。比较函数有两个参数,分别代表每次排序时的两个数组项。sort()排序时每次比较两个数组项都会执行这个参数,并把两个比较的数组项做为参数传递给这个函数。当函数返回值大于0时就交换两个数组的顺序,否则就不交换,即函数返回值小于0,表示升序排列,函数返回值大于0,表示降序排列。

    <!DOCTYPE html>
    <html>
    <head>
      <title>对数组中的元素进行排序</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <script type="text/javascript">
        var x = new Array(1,20,8,12,6,7);  //创建数组
        document.write("排序前数组:"+x.join(",")+"<p>"); //输出数组元素
        x.sort();  //按字符升序排列数组
        document.write("没有使用比较函数排序后数组:"+x.join(",")+"<p>");   //输出排序后数组
        x.sort(asc);    //有比较函数的升序排列
        /*升序比较函数*/
        function asc(a,b){
          return a-b;
        }
        document.write("排序升序后数组:"+x.join(",")+"<p>");  //输出排序后的数组
        x.sort(des);  //有比较函数的降序排列
        /*降序比较函数*/
        function des(a,b){
          return b-a;
        }
        document.write("排序降序后数组:"+x.join(",")); //输出排序后数组
     </script>
    </head>
    <body>
    </body>
    </html>

    以上实例代码大家可以测试下,感谢大家的学习和对IIS7站长之家的支持。