适用于前端JS中文排序的方法（localeCompare）

最新推荐文章于 2025-08-21 21:01:12 发布

原创最新推荐文章于 2025-08-21 21:01:12 发布 · 4.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #前端排序 #中文排序 #javascript

个人同时被 2 个专栏收录

77 篇文章

订阅专栏

javascript

20 篇文章

订阅专栏

本文深入讲解了JavaScript中localeCompare方法的使用，该方法用于比较两个字符串的顺序，返回值表明字符串在排序中的位置。文章提供了实用的代码示例，展示了如何利用此方法进行字符串排序。

localeCompare方法返回一个数字来指示一个参考字符串是否在排序顺序前面或之后或与给定字符串相同。

referenceStr.localeCompare(compareString[, locales[, options]])

compareString 表示用来比较的字符串

因为后一个参数浏览器支持不是很友好，就不多做介绍，感兴趣可以到MDN上看。

一般的用法就是 a.localeCompare(b)，浏览器基本都是支持的。

在这里插入图片描述
最后就是写法了，直接贴比较函数吧。

 //比较函数
 let comparatorFun = (valueA, valueB) => {
    let targetA = valueA != null && valueA.toString().toLowerCase()
    let targetB = valueB != null && valueB.toString().toLowerCase()
    return targetA != null && targetA.localeCompare ? targetA.localeCompare(targetB) : targetA - targetB
  }
  
  let array=[1,9,0,'','我','他','我们']
  let sortArray = array.sort((a,b)=>comparatorFun(a,b)) //[ '', 0, 1, 9, '他', '我', '我们' ]