当前位置：首页 > 资讯 > 技术文档

javascript中sort() 方法使用详解

时间：2020-10-17 17:25 编辑：来源：阅读：
扫一扫，手机访问

摘要：javascript中sort() 方法使用详解

语法：arrayObject.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。 sort() 方法用于对数组的元素进行排序。如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：　若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。　若 a 等于 b，则返回 0。　若 a 大于 b，则返回一个大于 0 的值。 [b] 用js中的sort()方法排序数字[/b]

<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"] 现在在学习javascript中，发现sort()函数是有点奇怪的东西（可能是本人水平的问题-_-！），于是就在这里记录一下自己找到的东西吧。sort()这个方法的参数很奇怪，必须是函数，但也是可选参数，如果没有参数的话，就会默认以字符串的字典顺序来排列（就算是数值，也会被转化为字符串来处理）。这个参数是要能够比较两个值的大小，如：

[u]复制代码[/u] 代码如下:

function sortNumber(a, b){

   return a - b; //这里返回的是他们的差值，如果是小于0的值，就会将a排在前面，如果大于0,就会将b排在前面，如果是0的话，就随便。（冒泡排序法！！）

}

应用如下（这个例子太经典了！！）：

<script type="text/javascript">
function sortNumber(a,b){return a - b}
var arr = new Array(3)
arr[0] = "10";
arr[1] = "5";
arr[2] = "4";
document.write(arr + "<br />");
document.write(arr.sort(sortNumber));
</script>

那么原本是10,5,4的排列就会变成4,5,10.这里说明一下这个过程，明明sortNumber应该是有两个参数，但是我们在调用时却一个参数都没有，怎么进行比较啊？这里是这样的，当arr从第一个数开始调用sort时，10前面是没有数与它比较的，所以就到第二个，就是5，这时10就会与5比较，于是就会调用sortNumber并将10和5传进去，这是sort（）的特性。

全部评论(0)

上一篇：JavaScript中伪协议 javascript:使用探讨
下一篇：JS下高效拼装字符串的几种方法比较与测试代码

资讯排行榜
更多>>