利用Javascript的sort()方法排序数组、排序json数据

sort()实现数组和json里的字母排序、数字排序

 先看一个demo:

  1. //字母的排序 
  2. var arr = new Array(6)   
  3. arr[0] = "George"   
  4. arr[1] = "John"   
  5. arr[2] = "Thomas"   
  6. arr[3] = "James"   
  7. arr[4] = "Adrew"   
  8. arr[5] = "Martin"   
  9.    
  10. document.write(arr + "<br />")   
  11. document.write(arr.sort())  

运行结果:

George,John,Thomas,James,Adrew,Martin

Adrew,George,James,John,Martin,Thomas

说明:

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

若 a 等于 b,则返回 0。

 

排序数组

  1. //数字排序 
  2. var arr = new Array(6)   
  3. arr[0] = "10"   
  4. arr[1] = "5"   
  5. arr[2] = "40"   
  6. arr[3] = "25"   
  7. arr[4] = "1000"   
  8. arr[5] = "1"   
  9.    
  10. document.write(arr + "<br />")   
  11. document.write(arr.sort())  

注意:上面的代码没有按照数值的大小对数字进行排序,要实现这一点,就必须使用一个排序函数,如下:

  1. function sortNumber(a,b) //此自定义函数仅仅是个形式而已,函数名和参数都随意自定义   
  2. {   
  3. return a - b             //不返回给用户,返回给sort()方法;默认为升序,调换a和b的位置则为倒序   
  4. }   
  5.    
  6. var arr = new Array(6)   
  7. arr[0] = "10"   
  8. arr[1] = "5"   
  9. arr[2] = "40"   
  10. arr[3] = "25"   
  11. arr[4] = "1000"   
  12. arr[5] = "1"   
  13.    
  14. document.write(arr + "<br />")   
  15. document.write(arr.sort(sortNumber))   

运行结果:

10,5,40,25,1000,1

1,5,10,25,40,1000

 

排序json数据

假设取到json数组:sData,其结构如下:

  1. {"ID":1,"NAME":"leeyea"},{"ID":2,"NAME":"mary"},{"ID":3,"NAME":"kitty"}   

由于JSON数据输出时一般是无序的,现在需要将数据排序:

  • 降序
  1. sData.sort( function(a, b){   
  2. return parseInt(a["ID" ]) < parseInt(b["ID" ]) ? 1 : parseInt(a[ "ID"]) == parseInt(b[ "ID" ]) ? 0 : -1;   
  3. });  
  • 升序
  1. sData.sort( function(a, b){   
  2. return parseInt(a["ID" ]) > parseInt(b["ID" ]) ? 1 : parseInt(a[ "ID"]) == parseInt(b[ "ID" ]) ? 0 : -1;   
  3. });  

 

注:实际操作时,由于js是弱类型语言,被比较的可能是字符串类型,需要进行类型转换,转换成int类型:parseInt()

 

相关经验

导读书签
书签初始化中…