localeCompare() 方法实现中文的拼音排序

Posted O-Hua

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了localeCompare() 方法实现中文的拼音排序相关的知识,希望对你有一定的参考价值。

google了很多次才发现在国外网站上有提示如何比较中文,原文地址:http://www.webdeveloper.com/forum/showthread.php?t=9365

前提:使用Unicode 编码,如果其他GBK此方法应该就不行!


 

定义和用法

 用本地特定的顺序来比较两个字符串。

stringObject.localeCompare(target)

target:要以本地特定的顺序与 stringObject 进行比较的字符串


 

测试1:

var str="北京";
var var2="北京";
var res=str.localeCompare(var2);
console.log(res); //输出0

测试2

var str="星期一";
var var2="星期二";
var res=str.localeCompare(var2);
console.log(res); //输出1

测试3

var str="星期三";
var var2="星期一";
var res=str.localeCompare(var2);
alert(res); //输出-1

测试4

<html>
<head>
<title>javascript String localeCompare() Method</title>
</head>
<body>
<script type="text/javascript">
var str1 = new String( "This is beautiful string" );
var index = str1.localeCompare( "XYZ" );
document.write("localeCompare first :" + index ); 
 
document.write("<br />" ); 
 
var index = str1.localeCompare( "AbCD ?" );
document.write("localeCompare second :" + index ); 
 
</script>
<!--结果:localeCompare first :-1
localeCompare second :1 -->
</body>
</html>

实现中文的拼音排序:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JavaScript对文字按照拼音排序</title>
</head>
<body>
	<SCRIPT type="text/javascript">
		function defaultSort(){
			var a="博,啊,吃,世,中,超";
			a=a.split(",");
			a.sort();
			alert(a);
		}
		function cusSort(){
			var a="博,啊,吃,世,中,超";
			a=a.split(",");
			a.sort(function(a,b){
			  return a.localeCompare(b);
			});
			alert(a);
		}
	</SCRIPT>
	<a href="#" onClick="defaultSort();">默认排序</a><br>
	<a href="#" onClick="cusSort();">按拼音字母排序</a>   
</body>
</html>

  

 

以上是关于localeCompare() 方法实现中文的拼音排序的主要内容,如果未能解决你的问题,请参考以下文章

数组中的汉字依拼音顺序进行排序

javacript按照汉语拼音排序

在table中的前端排序

js实现汉字中文排序的方法 例如:省市列表的排序

JS排序:localeCompare() 方法的使用

ExtJS 6.2.0 增加中文排序支持