JS 用sort方法排序字符串

最新推荐文章于 2024-05-01 09:48:49 发布

weixin_33884611

最新推荐文章于 2024-05-01 09:48:49 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sunshq/p/4414512.html

本文介绍如何使用JavaScript的localeCompare()方法简化字符串数组的排序过程，包括正序和反序排列，并提供了一个示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript提供了一种更简便的方法用于比较两个字符串——localeCompare()，localeCompare()使用本地特定的顺序来比较两个字符串，语法如下：
string.localeCompare(target)
参数target是要与string进行比较的字符串。
如果string小于target，则localeCompare()返回小于0的数；
如果string大于target，返回大于0的数；
如果相等（或按照本地顺序的约定两者顺序相当），则返回0。
利用该方法替换上面冗长的作法后，除了代码减少了之外，运行速度也快了不少，而且还支持其它字符库的本地排序。
修改后代码如下：

<html>
<head>
<title>汉字排序</title>
<script type=”text/javascript”>
<!–
function startSort(){
  var a=document.getElementById(‘s’).value;
  a=a.split(‘,’)
  a.sort();
  document.getElementById(‘r1′).value=a;
  a.sort(function(a,b){return a.localeCompare(b)}); //正序排列 a.sort(function(a,b){return b.localeCompare(a)}); //反序排列

  document.getElementById(‘r2′).value=a;
}

//–>
</script>
</head>

<body>
<p>包含汉字的字符串数组(用逗号”,”隔开)：<br />
<textarea id=”s” style=”width: 100%; overflow: scroll; word-wrap: normal;” rows=”10″>张韶涵,b土,abort,张学友,something,苹果,五月天,刘德华,香蕉,apple,范玮琪,阿桑</textarea></p>

<p style=”text-align: center”><input type=”button” value=”排序测试” onclick=”startSort()” style=”width: 300px” /></p>

<p>默认排序结果：<br />
<textarea id=”r1″ style=”width: 100%; overflow: scroll; word-wrap: normal;” rows=”10″></textarea></p>

<p>汉字拼音顺序排序结果：<br />
<textarea id=”r2″ style=”width: 100%; overflow: scroll; word-wrap: normal;” rows=”10″></textarea></p>

</body>
</html>