JS中使用sort結(jié)合localeCompare實(shí)現(xiàn)中文排序?qū)嵗?/h1>

 更新時(shí)間：2014年07月23日 11:09:36   投稿：junjie  

這篇文章主要介紹了JS中使用sort結(jié)合localeCompare實(shí)現(xiàn)中文排序?qū)嵗?重點(diǎn)介紹localeCompare函數(shù),需要的朋友可以參考下

說(shuō)到表格排序，首先要說(shuō)的就一定是數(shù)組的排序，因?yàn)閿?shù)組排序是表格排序的基礎(chǔ)。

JavaScript為數(shù)組提供了sort()方法用于表格排序，默認(rèn)情況下該方法會(huì)使Array中的數(shù)組按照ASCII碼的順序進(jìn)行排列，JavaScript還為數(shù)組提供了數(shù)組倒序的方法reverse()。

看一下示例：

復(fù)制代碼 代碼如下:

 function sortArray(){
             var arrayTest = ["z",5,2,"a",32,3];
             arrayTest.sort();
             alert(arrayTest.toString());     //output:2,3,32,5,a,z
             arrayTest.reverse();
             alert(arrayTest.toString());    //output:z,a,5,32,3,2
         }
         sortArray();

呵呵，5比32還要大，很明顯這不是我們想要的結(jié)果，剛才已經(jīng)說(shuō)過(guò)sort()方法是按照ASCII碼的順序排序的。

其實(shí)sort()方法還允許帶一個(gè)函數(shù)類(lèi)型的的參數(shù)，我們可以稱(chēng)之為比較函數(shù)，當(dāng)該比較函數(shù)又可以接收兩個(gè)參數(shù)，以下該函數(shù)返回值的意義：

復(fù)制代碼 代碼如下:

-1：第一個(gè)參數(shù) 小于 第二個(gè)參數(shù)
0：第一個(gè)參數(shù) 等于 第二個(gè)參數(shù)
1：第一個(gè)參數(shù) 大于 第二個(gè)參數(shù)

復(fù)制代碼 代碼如下:

/**
  * 比較函數(shù)
  * @param {Object} param1 要比較的參數(shù)1
           * @param {Object} param2 要比較的參數(shù)2
           * @return {Number} 如果param1 > param2 返回 1
           *                     如果param1 == param2 返回 0
           *                     如果param1 < param2 返回 -1
           */
          function compareFunc(param1,param2){
             //如果兩個(gè)參數(shù)均為字符串類(lèi)型
             if(typeof param1 == "string" && typeof param2 == "string"){
                 return param1.localeCompare(param2);
             }
             //如果參數(shù)1為數(shù)字，參數(shù)2為字符串
             if(typeof param1 == "number" && typeof param2 == "string"){
                 return -1;
             }
             //如果參數(shù)1為字符串，參數(shù)2為數(shù)字
             if(typeof param1 == "string" && typeof param2 == "number"){
                 return 1;
             }
             //如果兩個(gè)參數(shù)均為數(shù)字
             if(typeof param1 == "number" && typeof param2 == "number"){
                 if(param1 > param2) return 1;
                 if(param1 == param2) return 0;
                 if(param1 < param2) return -1;
             }
         }

當(dāng)我們執(zhí)行arrayTest.sort(compareFunc)時(shí)我們就得到了正確的結(jié)果。
到這里，我們不得不說(shuō)明一下localeCompare()方法的用法，該方法是對(duì)字符串進(jìn)行排序的方法，只有一個(gè)參數(shù)即要比較的字符串。

具體說(shuō)明如下:

1、如果String對(duì)象按照字母順序排在參數(shù)中的字符串之前，返回負(fù)數(shù)
2、如果String對(duì)象按照字符順序排在參數(shù)中的字符串之后，返回正數(shù)
3、如果String對(duì)象等于參數(shù)中的字符串返回0

除此之外，localeCompare()方法還有一個(gè)獨(dú)特之處，這個(gè)獨(dú)特之處可以在其方法簽名locale(現(xiàn)場(chǎng)、當(dāng)?shù)?上得以體現(xiàn)，也就是說(shuō)他的實(shí)現(xiàn)時(shí)按照區(qū)域特性來(lái)的，如果在英語(yǔ)體系中，他的實(shí)現(xiàn)可能是按照字符串升序，如果在漢語(yǔ)中，他的實(shí)現(xiàn)則是按照首字母的拼音。

呵呵，這也就是說(shuō)就算我們?cè)诔绦蛑猩婕皾h字，我們的排序也不回出錯(cuò)。
參考以下程序：

復(fù)制代碼 代碼如下:

var testArray = ["腳","本","之","家"];
         document.write(testArray.sort(
             function compareFunction(param1,param2){
                 return param1.localeCompare(param2);  //output:之,家,本,腳
             }
         ));

您可能感興趣的文章:

• js實(shí)現(xiàn)漢字排序的方法
• JavaScript 給漢字排序?qū)嵗a
• js漢字排序問(wèn)題 支持中英文混排，兼容各瀏覽器，包括CHROME
• jquery tablesorter.js 支持中文表格排序改進(jìn)
• 基于JS實(shí)現(xiàn)數(shù)字+字母+中文的混合排序方法
• Extjs Gird 支持中文拼音排序?qū)崿F(xiàn)代碼
• javascript對(duì)中文按照拼音排序代碼
• tablesorter.js表格排序使用方法(支持中文排序)
• 利用JavaScript對(duì)中文（漢字）進(jìn)行排序?qū)嵗斀?/a>

• JS
• sort
• localeCompare
• 中文排序

相關(guān)文章

• 

  JavaScript 參數(shù)中的數(shù)組展開(kāi) [譯]

  有些時(shí)候,我們需要把一個(gè)數(shù)組展開(kāi)成多個(gè)元素,然后把這些元素作為函數(shù)調(diào)用的參數(shù).JavaScript中可以使用Function.prototype.apply來(lái)實(shí)現(xiàn)這種展開(kāi)操作,但它不能被應(yīng)用在執(zhí)行構(gòu)造函數(shù)的情況下.本文解釋了什么是展開(kāi)操作以及如何在使用new運(yùn)算符的同時(shí)進(jìn)行展開(kāi)操作

  2012-09-09
• 

  Storage、cookie的用途和優(yōu)缺點(diǎn)比較

  cookie的大小是受限制的，并且每次請(qǐng)求cookie都會(huì)被發(fā)送，浪費(fèi)寬帶，cookie還需要指定作用域，不可以跨域調(diào)用。cookie的作用是與服務(wù)器進(jìn)行交互，作為http規(guī)范的一部分存在，而webstorage僅僅是為了本地“存儲(chǔ)”數(shù)據(jù)而生。

  2023-07-07
• 

  isArray()函數(shù)(JavaScript中對(duì)象類(lèi)型判斷的幾種方法)

  我們知道，JavaScript中檢測(cè)對(duì)象類(lèi)型的運(yùn)算符有：typeof、instanceof，還有對(duì)象的constructor屬性

  2009-11-11
• 

  JS實(shí)現(xiàn)深拷貝的4種方式介紹

  這篇文章主要給大家介紹了關(guān)于JS實(shí)現(xiàn)深拷貝的4種方式,深拷貝是指將一個(gè)對(duì)象完整地拷貝一份,不受原對(duì)象影響,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下

  2023-07-07
• 

  Layui Form 自定義驗(yàn)證的實(shí)例代碼

  今天小編就為大家分享一篇Layui Form 自定義驗(yàn)證的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

  2019-09-09
• 

  Echarts折線圖設(shè)置線條顏色及線條以下代碼示例

  最近項(xiàng)目需要,一直在使用Echarts視圖,現(xiàn)在遇到一個(gè)要修改echarts折線圖顏色的需求,下面這篇文章主要給大家介紹了關(guān)于Echarts折線圖設(shè)置線條顏色及線條以下區(qū)域漸變顏色的相關(guān)資料,需要的朋友可以參考下

  2024-02-02
• 

  Javascript設(shè)計(jì)模式之觀察者模式(推薦)

  觀察者模式有時(shí)也稱(chēng)為發(fā)布--訂閱模式，在觀察者模式中，有一個(gè)觀察者可以管理所有的目標(biāo)，等到有狀態(tài)發(fā)生改變的時(shí)候發(fā)出通知

  2016-03-03
• 

  JavaScript實(shí)現(xiàn)讀取與輸出XML文件數(shù)據(jù)的方法示例

  這篇文章主要介紹了JavaScript實(shí)現(xiàn)讀取與輸出XML文件數(shù)據(jù)的方法,結(jié)合實(shí)例形式分析了JavaScript基于ActiveXObject實(shí)現(xiàn)載入、讀取與輸出xml文件數(shù)據(jù)的相關(guān)操作技巧,需要的朋友可以參考下

  2018-06-06
• 

  Javascript中的Prototype到底是什么

  Javascript也是面向?qū)ο蟮恼Z(yǔ)言，但它是一種基于原型Prototype的語(yǔ)言，而不是基于類(lèi)的語(yǔ)言。接下來(lái)通過(guò)本文給大家介紹Javascript中的Prototype到底是啥的相關(guān)知識(shí)，感興趣的朋友參考下

  2016-02-02
• 

  初探j(luò)s和簡(jiǎn)單隱藏效果的實(shí)例

  下面小編就為大家分享一篇初探j(luò)s和簡(jiǎn)單隱藏效果的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

  2017-11-11

最新評(píng)論