欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2017年06月18日 10:38:11   作者：袖之歡  
排序是我們在日常開發(fā)中經(jīng)常遇到的一個功能，下面這篇文章主要給大家介紹了利用JavaScript對中文（漢字）進行排序的相關資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面跟著小編一起來看看吧。

前言

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

對于中文列表按照名稱排序就是按照拼音排序，不能簡單通過字符串比較—— ‘a(chǎn)' > ‘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


在 Chrome 下傳遞 locales 參數(shù)才能獲得正常預期結果

Edge 瀏覽器支持 localeCompare

Firefox 瀏覽器支持 localeCompare

IE 11 瀏覽器支持 localeCompare

其他瀏覽器對 localeCompare 支持也很友好，目前也不需要明確傳遞 locales，瀏覽器支持參考 developer.mozilla.org

總結

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

相關文章

最新評論