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

Z时代
2024-01-10
分类：综合

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>