首頁 > web前端 > js教程 > javascript中sort() 方法使用詳解_javascript技巧

javascript中sort() 方法使用詳解_javascript技巧

WBOY
發布: 2016-05-16 15:41:32
原創
1513 人瀏覽過

語法:arrayObject.sort(sortby);參數sortby可選。規定排序順序。必須是函數。

sort() 方法用於對陣列的元素進行排序。

如果呼叫該方法時沒有使用參數,將按字母順序對數組中的元素進行排序,說得更精確點,是按照字元編碼的順序進行排序。要實現這一點,

首先應把陣列的元素都轉換成字串(如有必要),以便進行比較。

如果想按照其他標準進行排序,就需要提供比較函數,該函數要比較兩個值,然後傳回一個用來說明這兩個值的相對順序的數字。

比較函數應該有兩個參數 a 和 b,其傳回值如下:

 若 a 小於 b,在排序後的陣列中 a 應該出現在 b 之前,則傳回一個小於 0 的值。

 若 a 等於 b,則回傳 0。

 若 a 大於 b,則傳回大於 0 的值。

 用js中的sort()方法排序數字

<script>
  var arr = [23,12,1,34,116,8,18,37,56,50];
  alert(arr.sort();
</script>

登入後複製

   回:[1, 116, 12, 18, 23, 34, 37, 50, 56, 8]

上面的程式碼沒有按照數值的大小對數字進行排序,要實現這一點,就必須使用一個排序函數:

<script>
  var arr = [23,12,1,34,116,8,18,37,56,50];
  function sequence(a,b){
    if (a>b) {
      return 1;
    }else if(a<b){
      return -1
    }else{
      return 0;
    }
  }
  console.log(arr.sort(sequence));
</script>

登入後複製

  回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (沒有問題)

當然也可以把排序函數寫到sort()方法裡面:

<script>
  var arr = [23,12,1,34,116,8,18,37,56,50];
  var arr2 = arr.sort(function(a,b){
     if (a>b) {
      return 1;
    }else if(a<b){
      return -1
    }else{
      return 0;
    }  
  })
  console.log(arr2);
</script>

登入後複製

  回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也沒問題)

也可以簡化成這樣的寫法
因為:若 a 小於 b,在排序後的陣列中 a 應該出現在 b 之前,則傳回一個小於 0 的值。

若 a 等於 b,則回傳 0。

若 a 大於 b,則傳回大於 0 的值

 <script>
   var arr = [23,12,1,34,116,8,18,37,56,50];
   function sequence(a,b){
     return a - b;
   }
   console.log(arr.sort(sequence));
 </script>

登入後複製

回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也是正確的)

關係字母順序進行排序 就簡單多了,直接用sort()方法就OK了:

 <script>
   var arr = ['fanda','banner','find','zoom','index','width','javascript'];
   console.log(arr.sort());
 </script>

登入後複製

返回:["banner", "fanda", "find", "index", "javascript", "width", "zoom"]

 現在在學習javascript中,發現sort()函數是有點奇怪的東西(可能是本人水平的問題-_-!),於是就在這裡記錄一下自己找到的東西吧。 sort()這個方法的參數很奇怪,必須是函數,但也是可選參數,如果沒有參數的話,就會預設以字串的字典順序來排列(就算是數值,也會被轉化為字串來處理)。這個參數是要能夠比較兩個值的大小,如:

複製程式碼 程式碼如下:

function sortNumber(a, b){
return a - b; //這裡回傳的是他們的差值,如果是小於0的值,就會把a排在前面,如果大於0,就會將b排在前面,如果是0的話,就隨便。 (冒泡排序法!!)
}

 應用如下(此範例太經典了!!):

<script type="text/javascript">
function sortNumber(a,b){return a - b}
var arr = new Array(3)
arr[0] = "10";
arr[1] = "5";
arr[2] = "4";
document.write(arr + "<br />");
document.write(arr.sort(sortNumber));
</script>

登入後複製

那麼原本是10,5,4的排列就會變成4,5,10.這裡說明一下這個過程,明明sortNumber應該是有兩個參數,但是我們在呼叫時卻一個參數都沒有,怎麼進行比較啊?這裡是這樣的,當arr從第一個數開始調用sort時,10前面是沒有數與它比較的,所以就到第二個,就是5,這時10就會與5比較,於是就會調用sortNumber並將10和5傳進去,這是sort()的特性。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板