利用JavaScript對中文（漢字）進行排序實例詳解

前言

成都創新互聯公司于2013年成立，是專業互聯網技術服務公司，擁有項目成都網站制作、成都網站設計、外貿營銷網站建設網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元新蔡做網站,已為上家服務,為新蔡各地企業和個人服務,聯系電話:18980820575

在網頁上展示列表時經常需要對列表進行排序：按照修改/訪問時間排序、按照地區、按照名稱排序。

對于中文列表按照名稱排序就是按照拼音排序，不能簡單通過字符串比較—— ‘a' > ‘b'——這種方式來實現。

比如比較 ‘北京' vs ‘上海'，實際是比較 ‘běijīng' vs ‘shànghǎi'；比較 ‘北京' vs ‘背景'，實際是比較 ‘běijīng' vs ‘bèijǐng'。

一般需要獲取到字符串的拼音，再比較各自的拼音。

實現方法

JavaScript 提供本地化文字排序，比如對中文按照拼音排序，不需要程序顯示比較字符串拼音。

String.prototype.localeCompare 在不考慮多音字的前提下，基本可以完美實現按照拼音排序。

在沒有出現意外的情況下，各個支持 localeCompare 的瀏覽器都很正常。最近將 Chrome 更新到 58.0.3029.110，突然發現中文排序不正常。

// 正常應該返回 1, 拼音 jia 在前, kai 在后
'開'.localeCompare('駕');
// 得到
-1;
 
// Chrome 58.0.3029.110 下返回 -1, 其他瀏覽器正常
 
// 確認之后是 localeCompare 需要明確指定 locales 參數
'開'.localeCompare('駕', 'zh');
// 得到
1

利用JavaScript對中文（漢字）進行排序實例詳解