js中 sort常见用法分析

最新推荐文章于 2025-05-15 01:58:19 发布

转载最新推荐文章于 2025-05-15 01:58:19 发布 · 703 阅读

javascript 专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了JavaScript中数组的sort()方法使用方式，并通过多个示例演示了如何对字符串和数字数组进行排序，包括正序与倒序排列。

　　sort()---对数组元素进行内部元素的排序。

　　返回一个元素已经进行了排序的 Array 对象。

　　arrayobj.sort(sortfunction)

　　参数

　　arrayObj

　　必选项。任意 Array 对象。

　　sortFunction

　　可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略，

　　那么元素将按照 ASCII 字符顺序进行升序排列。

　　说明

　　sort 方法将 Array 对象进行适当的排序;

　　在执行过程中并不会创建新的 Array 对象。

　　如果为 sortfunction 参数提供了一个函数，那么该函数必须返回下列值之一：

　　负值，如果所传递的第一个参数比第二个参数小。

　　零，如果两个参数相等。

　　正值，如果第一个参数比第二个参数大。

　　Demo1(默认按字母排序)：

<script language="javascript"> 

  var nameArr = new Array("douguoqiang","hedan","redhacker","panliu888","maxuan","xuejianping","lanse","zhangsan","lisi","wangwu"); 

  nameArr.sort(); 

  for (var i = 0; i < nameArr.length; i++) { 

    document.writeln(nameArr[i]); 

  } 

</script>

　　结果：douguoqiang hedan lanse lisi maxuan panliu888 redhacker wangwu xuejianping zhangsan

　　Demo(数字排序，sort(prama)方法带参数)：

<script> 

  var numArr = new Array(12,23,1,4,23,34,2,5); 

  numArr.sort(function compare(a,b){return a-b;}); 

  for (var i = 0; i<numArr.length; i++) { 

    document.write(numArr[i] +"<br>"); 

  } 

</script>

　　结果：

　　1 2　4 5 12 23 23 34

　　Demo3(Demo3反排序)：

<script> 

  var numArr = new Array(12,23,1,4,23,34,2,5); 

  numArr.sort(function compare(a,b){return b-a;}); 

  for (var i = 0; i<numArr.length; i++) { 

    document.write(numArr[i] +"<br>"); 

  } 

</script>

　　结果：

　　34 23 23 12 　5　　4　　2 1

　　Demo4(Demo3的第二种写法)：

<script> 

  var numArr = new Array(12,23,1,4,23,34,2,5); 

  numArr.sort(new Function("a","b","return a-b;")); 

  for (var i = 0; i<numArr.length; i++) { 

    document.write(numArr[i] +"<br>"); 

  } 

</script>

　　结果：

　　1 2　　4　5　　12　　23　　23　　34

　　Demo5(Demo3的第三种写法)：

<script> 

  function compare(a,b) { 

    return a-b; 

  } 

  var numArr = new Array(12,23,1,4,23,34,2,5); 

  numArr.sort(compare); 

  for (var i = 0; i<numArr.length; i++) { 

    document.write(numArr[i] +"<br>"); 

  } 

</script>

　　结果：

　　1　　2　　4　　5　　12　　23　　23　　34

　　Demo6(Demo3的第四种写法)：

<script> 

  var compare = function(a,b) { 

    return a-b; 

  } 

  var numArr = new Array(12,23,1,4,23,34,2,5); 

  numArr.sort(compare); 

  for (var i = 0; i<numArr.length; i++) { 

    document.write(numArr[i] +"<br>"); 

  } 

</script>

　　结果：

　　1　　2　　4　　5　　12　　23　　23　　34

转载来自：
光环4：迈向黎明/光晕4航向黎明号 BD http://www.cpan.cc/p/tingfengzhe.html