DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> Js中sort()方法的用法
Js中sort()方法的用法
編輯:JavaScript基礎知識     
返回一個元素已經進行了排序的 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
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved