如何使用localeCompare排序时将特殊字符和数字移至末尾？

问题描述 #

我需要对字符串列表进行排序，要求所有以字母开头的项按正常字母顺序排列，以数字或特殊字符开头的项移至列表末尾并按顺序排列。例如：

输入：

zdx
9or
abc
a=c

预期输出：

abc
a=c
zdx
9or

但localeCompare的默认行为会将数字和特殊字符视为“更小”的字符，导致不符合需求的排序结果：

const items = ['zdx', '9or', 'abc', 'a=c']
items.sort((a, b) => a.localeCompare(b))
console.log(items) // 输出: ["9or", "a=c", "abc", "zdx"]

已尝试方案 #

我试过将所有非字母字符替换为编码高于z的字符，这种方法在简单场景下有效：

const items = ['zdx', '9or', 'abc', 'a=c']
const last = String.fromCharCode('z'.charCodeAt(0) + 1)
items.sort((a, b) => a.replace(/[^a-z]/g, last).localeCompare(b.replace(/[^a-z]/g, last)))
console.log(items) // 符合预期

但遇到更复杂的场景（比如包含9ac和zac）时，替换为z的方法会失效：

const items = ['zdx', '9or', 'abc', 'a=c', '9ac', 'zac']
const last = 'z'
items.sort((a, b) => a.replace(/[^a-z]/g, last).localeCompare(b.replace(/[^a-z]/g, last)))
console.log(items) // 出现排序错误，无法正确区分原字符串的真实顺序

解决方案 #

正确排序逻辑 #

我们可以先区分字符串是否以字母开头，将字母开头的项优先排在前面，再在各自分组内使用localeCompare进行自然排序：

const items = ['zdx', '9or', 'abc', 'a=c', '9ac', 'zac']

// 判断字符是否为字母的辅助函数
const isLetter = char => /[a-zA-Z]/.test(char)

items.sort((a, b) => {
  const aStartsWithLetter = isLetter(a[0])
  const bStartsWithLetter = isLetter(b[0])

  // 字母开头的项整体排在非字母开头的项前面
  if (aStartsWithLetter && !bStartsWithLetter) return -1
  if (!aStartsWithLetter && bStartsWithLetter) return 1

  // 同组内按正常字母顺序排序
  return a.localeCompare(b)
})

console.log(items)
// 输出: ["abc", "a=c", "zac", "zdx", "9ac", "9or"]

逻辑说明 #

1. 通过首字符判断字符串所属分组：字母开头组 / 非字母开头组；
2. 强制字母开头组整体排在前面，满足“数字/特殊字符项移至末尾”的需求；
3. 同一分组内使用localeCompare排序，既保证字母顺序的正确性，又保留原字符串中特殊字符的自然排序逻辑。

内容的提问来源于stack exchange，提问作者Konrad