JavaScript对象数组的排序处理方法

这篇文章主要介绍了JavaScript对象数组的排序处理方法,以实例形式分析了JavaScript对象数组的排序原理与相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

 

本文实例讲述了JavaScript对象数组的排序处理方法。分享给大家供大家参考，具体如下：

javascript的数组排序函数 sort方法，默认是按照ASCII 字符顺序进行升序排列。
arrayobj.sort(sortfunction);

参数：sortFunction

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

sort 方法将 Array 对象进行适当的排序；在执行过程中并不会创建新的 Array 对象。

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

负值，如果所传递的第一个参数比第二个参数小。
零，如果两个参数相等。
正值，如果第一个参数比第二个参数大。

以上的方法在一维的排序还是很方便的，但像SQL语句中的ORDER BY 一样的多键值排序由怎么做呢？

多维数组的多键值排序，则需要复杂一些，但不需要用循环解决。实际解决的道理是一样的 。

数字：

以下的例子是将数字的多维数组按照第5列，第9列，第3列的顺序排序，像SQL语句中的ORDER BY col5，col9，col7。数字的时候可以直接两个项目相减，以结果作为返回值即可。
 

1. <script language=javascript> 
2.  var myArray = new Array(); 
3.  for(var i=0;i<10;i++ ){ 
4.  myArray[i]=new Array(); 
5.  myArray[i][0]=Math.floor(Math.random()*10);  
6.  myArray[i][1]=Math.floor(Math.random()*10); 
7.  myArray[i][2]=Math.floor(Math.random()*10); 
8.  myArray[i][3]=Math.floor(Math.random()*10); 
9.  myArray[i][4]=Math.floor(Math.random()*10); 
10.  myArray[i][5]=Math.floor(Math.random()*10); 
11.  myArray[i][6]=Math.floor(Math.random()*10); 
12.  myArray[i][7]=Math.floor(Math.random()*10); 
13.  myArray[i][8]=Math.floor(Math.random()*10); 
14.  } 
15.  myArray.sort( 
16.    function(x, y) { 
17.     if(x[4]!=y[4]){ 
18.       return x[4]-y[4]; 
19.     } else if(x[8]!=y[8]){ 
20.       return x[8]-y[8]; 
21.     } else if(x[6]!=y[6]){ 
22.       return x[6]-y[6]; 
23.     } else { 
24.       return 1; 
25.     } 
26.   } 
27.   ); 
28.  for(var i=0;i<myArray.length;i++ )...{ 
29.  document.write(myArray[i].join(",") + "<br/>"); 
30.  } 
31. </script> 

字符：

字符的时候sortFunction中的项目不能像数字一样直接相减，需要调用str1.localeCompare( str2 )方法来作比较，从而满足返回值。以下是多维数组的第1，2列作排序的情况。
 

1. function sortFunction(array) { 
2.  return array.sort( function(x, y) ...{ 
3.  return (x[0]==y[0])?(x[1].localeCompare(y[1])):(x[0].localeCompare(y[0])) 
4.  }); 
5. }