前言

創(chuàng)新互聯(lián)不只是一家網站建設的網絡公司；我們對營銷、技術、服務都有自己獨特見解，公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務！我們經歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。我們珍視每一份信任，關注我們的成都做網站、成都網站制作質量和服務品質，在得到用戶滿意的同時，也能得到同行業(yè)的專業(yè)認可，能夠為行業(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術創(chuàng)新，服務升級，滿足企業(yè)一站式成都全網營銷推廣需求，讓再小的品牌網站建設也能產生價值！

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

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

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

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

實現(xiàn)方法

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

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

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

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

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.chinadenli.net，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

標題名稱：利用JavaScript對中文（漢字）進行排序實例詳解-創(chuàng)新互聯(lián)
分享路徑：http://www.chinadenli.net/article22/ihojc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、ChatGPT、域名注冊、小程序開發(fā)、網站導航、App設計

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)