當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > JS實(shí)現(xiàn)漢字按拼音排序

JS實(shí)現(xiàn)漢字按拼音排序

2012/11/13 07:43:12作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

JS實(shí)現(xiàn)漢字按拼音排序

【實(shí)例描述】

默認(rèn)的中文并不是按拼音排序的,本例將學(xué)習(xí)如何按拼音對(duì)指定的中文進(jìn)行排序。

【實(shí)例代碼】

<html> <head> <title>漢字排序-學(xué)無(wú)憂(www.wangbatian.cn)</title> <script  language="javascript" >      function txtSort()      {           var txtarray=document.getElementById("txt").value;    //獲取排序前的文本           txtarray=txtarray.split(",");                         //通過間隔符號(hào),將文本分割成數(shù)組           txtarray.sort();                                      //對(duì)數(shù)組進(jìn)行排序           txtarray.sort(function(txtarray,b){            return txtarray.localeCompare(b)                    //使用localeCompare進(jìn)行2個(gè)文本的對(duì)比            });           document.getElementById("txt2").value=txtarray;      //顯示排序后的結(jié)果      } </script> </head> <body> 排序前:<textarea id="txt" >占三,里斯,亞當(dāng),蘋果,香蕉,政治,歷史</textarea></p> <input type="button" id="Button1" value="排序" onclick="txtSort()"/></p> 排序后:<textarea id="txt2" ></textarea></p> </body> </html>

【運(yùn)行效果】

 漢字按拼音排序運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是“l(fā)ocalecompare”方法。其中參數(shù)“target”是與“string”進(jìn)行比較的字符串。如果“string”小于“target”則返回的值小于“0”,如果“string”大于“target”則返回的值大于“0”,如果相等則返回“0”。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請(qǐng)點(diǎn)擊:JS實(shí)現(xiàn)漢字按拼音排序 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽: JS實(shí)現(xiàn)  排序  拼音