欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript中sort() 方法使用詳解

 更新時間:2015年08月30日 15:05:21   投稿:hebedich  
sort()方法主要是用于對數(shù)組進行排序,默認情況下該方法是將數(shù)組元素轉(zhuǎn)換成字符串,然后按照ASC碼進行排序,這個大家都能理解,但如果數(shù)組元素是一個Object呢,轉(zhuǎn)不了字符串,難道不能進行排序?答案當然是否定的,那么我們就來詳細探討下sort()方法的使用

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

sort() 方法用于對數(shù)組的元素進行排序。

如果調(diào)用該方法時沒有使用參數(shù),將按字母順序?qū)?shù)組中的元素進行排序,說得更精確點,是按照字符編碼的順序進行排序。要實現(xiàn)這一點,

首先應把數(shù)組的元素都轉(zhuǎn)換成字符串(如有必要),以便進行比較。

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

比較函數(shù)應該具有兩個參數(shù) a 和 b,其返回值如下:

 若 a 小于 b,在排序后的數(shù)組中 a 應該出現(xiàn)在 b 之前,則返回一個小于 0 的值。

 若 a 等于 b,則返回 0。

 若 a 大于 b,則返回一個大于 0 的值。

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

<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]

上面的代碼沒有按照數(shù)值的大小對數(shù)字進行排序,要實現(xiàn)這一點,就必須使用一個排序函數(shù):

<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] (沒有問題)

當然也可以把排序函數(shù)寫到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,在排序后的數(shù)組中 a 應該出現(xiàn)在 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] (也是正確的)

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

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

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

 現(xiàn)在在學習javascript中,發(fā)現(xiàn)sort()函數(shù)是有點奇怪的東西(可能是本人水平的問題-_-?。谑蔷驮谶@里記錄一下自己找到的東西吧。sort()這個方法的參數(shù)很奇怪,必須是函數(shù),但也是可選參數(shù),如果沒有參數(shù)的話,就會默認以字符串的字典順序來排列(就算是數(shù)值,也會被轉(zhuǎn)化為字符串來處理)。這個參數(shù)是要能夠比較兩個值的大小,如:

復制代碼 代碼如下:

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

 應用如下(這個例子太經(jīng)典了?。。?/p>

<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應該是有兩個參數(shù),但是我們在調(diào)用時卻一個參數(shù)都沒有,怎么進行比較???這里是這樣的,當arr從第一個數(shù)開始調(diào)用sort時,10前面是沒有數(shù)與它比較的,所以就到第二個,就是5,這時10就會與5比較,于是就會調(diào)用sortNumber并將10和5傳進去,這是sort()的特性。

相關(guān)文章

  • 操作按鈕懸浮固定在微信小程序底部的實現(xiàn)代碼

    操作按鈕懸浮固定在微信小程序底部的實現(xiàn)代碼

    在一些購物平臺經(jīng)常需要將商品加入購物車,像加入購物車按鈕、結(jié)算按鈕、收貨列表添加地址按鈕都是按鈕懸浮底部的,怎么實現(xiàn)這樣的功能呢?下面小編給大家?guī)砹瞬僮靼粹o懸浮固定在微信小程序底部的實現(xiàn)代碼,一起看看吧
    2019-08-08
  • Bootstrap在線電子商務網(wǎng)站實戰(zhàn)項目5

    Bootstrap在線電子商務網(wǎng)站實戰(zhàn)項目5

    這篇文章主要為大家分享了Bootstrap在線電子商務網(wǎng)站實戰(zhàn)項目,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • 利用JavaScript編寫Python內(nèi)置函數(shù)查詢工具

    利用JavaScript編寫Python內(nèi)置函數(shù)查詢工具

    Python有豐富的內(nèi)置函數(shù)實現(xiàn)各種功能,但查詢內(nèi)置函數(shù)時總是需要百度查,有沒有一個小工具可以單機無網(wǎng)絡查詢Python內(nèi)置函數(shù),方便自己學習編寫Python程序呢?本文就來用JavaScript編寫一個
    2023-02-02
  • 使用js解決由border屬性引起的div寬度問題

    使用js解決由border屬性引起的div寬度問題

    由于border屬性引起的div寬度問題,確實很讓人頭疼,在本文將為大家介紹下使用JS是如何解決的,感興趣的朋友不要錯過
    2013-11-11
  • JavaScript實現(xiàn)留言板案例

    JavaScript實現(xiàn)留言板案例

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)留言板案例,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-03-03
  • JS 實現(xiàn)Table相同行的單元格自動合并示例代碼

    JS 實現(xiàn)Table相同行的單元格自動合并示例代碼

    Table相同行的單元格自動合并,使用js來實現(xiàn)此效果,具體代碼下,感興趣的朋友可以參考下
    2013-08-08
  • JS獲取浮動(float)元素的style.left值為空的快速解決辦法

    JS獲取浮動(float)元素的style.left值為空的快速解決辦法

    這篇文章主要介紹了JS獲取浮動(float)元素的style.left值為空的快速解決辦法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2017-02-02
  • jqgrid 表格數(shù)據(jù)導出實例

    jqgrid 表格數(shù)據(jù)導出實例

    jqgrid并沒有自帶導出表格數(shù)據(jù)的方法,這里就自己實現(xiàn)了一個,嘗試過在頁面直接將數(shù)據(jù)導出,發(fā)現(xiàn)只有IE下可以通過調(diào)用saveas來實現(xiàn),但是別的瀏覽器不支持,于是考慮將數(shù)據(jù)傳回后臺,然后后臺返回下載文件來實現(xiàn)
    2013-11-11
  • 微信小程序獲取當前位置的詳細步驟

    微信小程序獲取當前位置的詳細步驟

    微信小程序開發(fā)中選擇地理位置就需要通過官方文檔API去判斷用戶是否授權(quán)地理位置,用戶開啟授權(quán)后可直接獲取地理位置,下面這篇文章主要給大家介紹了關(guān)于微信小程序獲取當前位置的詳細步驟,需要的朋友可以參考下
    2022-12-12
  • 基于JavaScript實現(xiàn)帶數(shù)據(jù)驗證和復選框的表單提交

    基于JavaScript實現(xiàn)帶數(shù)據(jù)驗證和復選框的表單提交

    這篇文章主要介紹了基于JavaScript實現(xiàn)帶數(shù)據(jù)驗證和復選框的表單提交功能,需要的朋友可以參考下
    2017-08-08

最新評論