利用JavaScript对中文（汉字）进行排序实例详解

前言

在网页上展示列表时经常需要对列表进行排序：按照修改/访问时间排序、按照地区、按照名称排序。

对于中文列表按照名称排序就是按照拼音排序，不能简单通过字符串比较—— ‘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

在 Chrome 下传递 locales 参数才能获得正常预期结果

Edge 浏览器支持 localeCompare

Firefox 浏览器支持 localeCompare

IE 11 浏览器支持 localeCompare

其他浏览器对 localeCompare 支持也很友好，目前也不需要明确传递 locales，浏览器支持参考 developer.mozilla.org

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# javascript  # 汉字排序  # 中文排序  # 排序  # JavaScript实现拼音排序的方法  # js 淘宝首页的拼音排序效果  # Extjs Gird 支持中文拼音排序实现代码  # javascript对中文按照拼音排序代码  # javaScript对文字按照拼音排序实现代码  # js实现汉字排序的方法  # JavaScript 给汉字排序实例代码  # js汉字排序问题 支持中英文混排  # 兼容各浏览器  # 包括CHROME  # js汉字转拼音实现代码  # 用正则表达式判断字符串是汉字还是拼音的js函数代码  # js仿淘宝的拼音检索特效代码  # JS实现中文汉字按拼音排序的方法  # 北京  # 也不  # 不需要  # 也很  # 都很  # 这篇文章  # 谢谢大家  # 不正常  # 在前  # 来实现  # 上海  # 新到  # 情况下  # 前提下  # 有疑问  # prototype  # String  # color  # style  # ng 

相关文章： 网站制作壁纸教程视频,电脑壁纸网站？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  建站主机SSH密钥生成步骤及常见问题解答？  如何正确选择百度移动适配建站域名？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  如何快速使用云服务器搭建个人网站？  nginx修改上传文件大小限制的方法  浅析上传头像示例及其注意事项  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  建站之星如何实现网站加密操作？  如何基于云服务器快速搭建网站及云盘系统？  建站之星上传入口如何快速找到？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  如何获取免费开源的自助建站系统源码？  如何使用Golang安装API文档生成工具_快速生成接口文档  网站制作网站,深圳做网站哪家比较好？  如何快速搭建高效WAP手机网站吸引移动用户？  如何在建站主机中优化服务器配置？  如何挑选优质建站一级代理提升网站排名？  如何用免费手机建站系统零基础打造专业网站？  如何用IIS7快速搭建并优化网站站点？  如何通过cPanel快速搭建网站？  开源网站制作软件,开源网站什么意思？  动图在线制作网站有哪些,滑动动图图集怎么做？  建站主机选择指南：服务器配置与SEO优化实战技巧  如何在Windows虚拟主机上快速搭建网站？  电商网站制作公司有哪些,1688网是什么意思？  网站制作员失业,怎样查看自己网站的注册者？  高性价比服务器租赁——企业级配置与24小时运维服务  自助网站制作软件,个人如何自助建网站？  在线制作视频网站免费,都有哪些好的动漫网站？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  常州自助建站工具推荐：低成本搭建与模板选择技巧  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  高端建站如何打造兼具美学与转化的品牌官网？  为什么Go需要go mod文件_Go go mod文件作用说明  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  深圳网站制作案例,网页的相关名词有哪些？  建站主机服务器选购指南：轻量应用与VPS配置解析  C#怎么使用委托和事件 C# delegate与event编程方法  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  宁波自助建站系统如何快速打造专业企业网站？  如何快速建站并高效导出源代码？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  招贴海报怎么做,什么是海报招贴？  建站之星安装步骤有哪些常见问题？  php json中文编码为null的解决办法