首页 > 建站教程 > JS、jQ、TS >  js中sort()排序详解正文

js中sort()排序详解

先看下sort语法:
arrayObject.sort(sortby);//参数sortby可选。规定排序顺序。必须是函数。
sort() 方法用于对数组的元素进行排序。
    如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
    如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。

sort具有两个参数 a 和 b,其返回值如下:
    若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
    若 a 等于 b,则返回 0。
    若 a 大于 b,则返回一个大于 0 的值。

用js中的sort()方法排序数字
<script>
    var arr = [23,12,1,34,116,8,18,37,56,50];
    alert(arr.sort());
</script>
  返回:[1, 116, 12, 18, 23, 34, 37, 50, 56, 8]

上面的代码没有按照数值的大小对数字进行排序,要实现这一点,就必须使用一个排序函数:
<script>
    var arr = [23,12,1,34,116,8,18,37,56,50];
    function sequence(a,b){
        if (a>b) {
            return 1;
        }else if(a<b){
            return -1
        }else{
            return 0;
        }
    }
    console.log(arr.sort(sequence));
</script>
  返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (没有问题)

当然也可以把排序函数写到sort()方法里面:
<script>
    var arr = [23,12,1,34,116,8,18,37,56,50];
    var arr2 = arr.sort(function(a,b){
        if (a>b) {
            return 1;
        }else if(a<b){
            return -1
        }else{
            return 0;
        }    
    })
    console.log(arr2);
</script>
  返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也没有问题)

也可以简化成这样的写法
    因为:若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
    若 a 等于 b,则返回 0。
    若 a 大于 b,则返回一个大于 0 的值
<script>
    var arr = [23,12,1,34,116,8,18,37,56,50];
    function sequence(a,b){
        return a - b;
    }
    console.log(arr.sort(sequence));
</script>
    返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也是正确的)

关系字母顺序进行排序 就简单多了,直接用sort()方法就OK了:
<script>
    var arr = ['fanda','banner','find','zoom','index','width','javascript'];
    console.log(arr.sort());
</script>
    返回:["banner", "fanda", "find", "index", "javascript", "width", "zoom"]