首頁 > web前端 > js教程 > 主體

JavaScript學習筆記(3)數組排序以及在漢字排序中localeCompare()方法的使用

黄舟
發布: 2016-12-19 17:32:37
原創
1691 人瀏覽過

說到表格排序,首先要說的就一定是陣列的排序,因為陣列排序是表格排序的基礎。 javaScript為數組提供了sort()方法用於表格排序,預設情況下該方法會使Array中的數組按照ASCII碼的順序進行排列,Javascript也為數組提供了數組倒序的方法reverse()。
  來看範例:
1         function sortArray(){
2                arrayTest.sort();
4             alert(arrayTest.toString ());     //output:2,3,32,5,a,z
5             arrayTest.reverse();🠜6 a,5,32, 3,2
7         }
8         sortArray();   }
8         sortArray();   }
8         sortArray();   },5比32還要大,很明顯這不是我們想要的結果,剛才已經說過sort() 呵呵,5比32還要大,很明顯這不是我們想要的結果,剛才已經說過sort() 順序是按照ASC碼的順序排序的順序。其實sort()方法還允許帶一個函數類型的的參數,我們可以稱之為比較函數,當該比較函數又可以接收兩個參數,以下該函數返回值的意義:
  -1:第一個參數小於第二個參數
   0:第一個參數等於第二個參數
   1:第一個參數大於第二個參數
看一個例子:
 1        ,param2){
10             //若兩個參數皆為字串型別
11                        return param1.localeCompare(param2);
13 }
14             //若參數1為數字,且參數2為字串
15                       return -1;
17             }
18         若參數1為字串,參數2為數字
19             if(typeof param1 == "string" && typeof param2 == "number"){             }
22             //若兩個參數皆為數位
23             if(typeof param1 == "number" && typeof param2 == "number"){
24   25                 if(param1 == param2) return 0;
26           27             }
28         }   當我們在執行arrayTest.sort(compareFunc)時我們獲得了正確的結果。
到這裡,我們必須說明localeCompare()方法的用法,該方法是將字串進行排序的方法,只有一個參數就是要比較的字串。具體說明如下:
   1、如果String物件依照字母順序排在參數中的字串之前,傳回負數
   2、如果String物件依照字元順序排在參數中的字串之後,則傳回正數
   3、如果String物件等於參數中的字串回傳0
   除此之外,localeCompare()方法還有一個獨特之處,這個獨特之處可以在其方法簽名locale(現場、當地)上得以體現,也就是說他的實現時按照區域特性來的,如果在英語體系中,他的實現可能是按照字符串升序,如果在漢語中,他的實現則是按照首字母的拼音。呵呵,這也就是說就算我們在程式中涉及漢字,我們的排序也不回出錯。
   參考以下程序:
1         var testArray = ["鄭","州","信","源","信","息","技術","術","股","份" ,"有","限","公","司" ];
2         document.write(testArray.sort(
3                  return param1.localeCompare(param2);  // output:份,公,股,技,術,司,息,限,信,信,有,源,鄭,州 
5             }
6           }
6   )方法的使用的內容,更多相關內容請關注PHP中文網(www.php.cn)!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!