DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS中sort函數排序用法實例分析
JS中sort函數排序用法實例分析
編輯:關於JavaScript     

本文實例講述了JS中sort函數排序用法。分享給大家供大家參考,具體如下:

最近遇到了一個面試題目,關於排序的問題,為了完善自己的知識點,這裡就寫一下學習筆記

<html>
<head>
<TITLE>class_obj_js_class</TITLE>
<script language=javaScript>
//sort()方法默認是按照ASCII碼大小排序,看下面兩個例子
function sortDemo(){
 var a, l;      // 聲明變量。
 a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
 l = a.sort();     // 排序數組。
 alert(l);
 return(l);      // 返回排序的數組。
}
//sortDemo();
function sortDemo2(){
  var arr = [50,200,3000];
  arr.sort();
  alert(arr);
}
//顯示的結果為200、3000、50,因為是根據首字母2,3,5判斷的
//sortDemo2();
//將上面的數字按照數字大小寫排序,if條件是對大小的判斷,因此就算對大小的排序
function testFunction(){
  var numArr = new Array(9,23,124);
  numArr.sort(function compare(a,b){
    if(a>b){
      return 1;//按照升序排列,即a排在b的後面
    }
    else
      return -1;
  });
  alert(numArr);
}
//testFunction();
//如果sort(sortfunction)中的sortfunction在a>b返回的值為真則是按照降序排列,反之按照升序排列
function testFunction2(){
  var numArr = new Array(9,124,23);
  numArr.sort(function compare(a,b){
    alert("a : " + a);
    alert("b : " + b);
    if(a > b){
      alert("a > b,返回正數");
      return -1;//按照降序排列,即a排在b的前面
    }
    else{
      alert("a < b,返回負數");
      return 1;
    }
  });
  alert(numArr);
}
//testFunction2();
/*要使數組的元素按先奇數後偶數的順序排列,則若需a、b交換,僅當滿足a是偶數且b是奇數條件即可,再按從小到大排序,僅當滿足a、b均是奇數或偶數且a>b時即可
從下面的例子可以看出,根據if的條件就是需要排序的要求,返回的值大於0就可以了,就是對一次條件的排序*/
function testAdvance(){
  var a = [1, 7, 3, 9, 5, 6, 2, 8, 4];
  function f(a, b) {
    if (0 == a % 2 && 1 == b % 2) {
      return 1;//即對偶數和奇數排序
    }
    if ((1 == a % 2 && 1 == b % 2 || 0 == a % 2 && 0 == b % 2) && a > b) {
      return 1;//對奇數和偶數排序
    }
    return -1;
  }
 alert(a.sort(f));
}
//testAdvance();
//我們要做的就是寫出if裡面的條件,這個條件就是返回a、b需要交換的條件
//譬如:對var a=["a","A","B","b"];進行不分大小寫並從大到小排序,僅當a.toString().toLowerCase() < b.toString().toLowerCase()時,交換a、b,所以用此填充if條件即可。
function testAdvance1(){
  var a=["a","A","B","b"];
  a.sort(function test(a,b){
    if(a.toString().toLowerCase() < b.toString().toLowerCase()){
      return 1;
    }
    else
      return -1;
  });
  alert(a);
}
testAdvance1();
</script>
<body >
</body>
</html>

更多關於JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved