js 中文英文数字混合排序

需求：数字和英文按 123，abc顺序，中文按拼音首字母排序

const ori = ['中', '文', '排', '序', '1中', '1文', '1排', '1序', 'a中', 'a中', 'a排', 'a序', 'c中', 'c文','c排', 'c序', 1, 'a', 'c']

Array 的默认排序方法 sort

sort默认按字符的Unicode编码进行排序

// 获取排序前的Unicode编码
ori.forEach(i => console.log(i.toString().charCodeAt(0)))
// 20013
// 25991
// 25490
// 24207
// 49 * 4
// 97 * 4
// 99 * 4
// 49
// 97
// 99

const sort1 = [...ori]
sort1.sort()
// [1, '1中', '1序', '1排', '1文', 'a', 'a中', 'a中', 'a序', 'a排', 'c', 'c中', 'c序', 'c排', 'c文', '中', '序', '排', '文']

// 查看排序后的Unicode编码
sort1.forEach(i => console.log(i.toString().charCodeAt(0)))

// 49 * 5
// 97 * 5
// 99 * 5
// 20013
// 24207
// 25490
// 25991

可以看到默认的排序方式，无法完成对中文字符按拼音首字母排序，因此需要借助 localeCompare 方法进行辅助排序

完整的排序方案

export function mixSort(_a, _b) {
  const reg = /[a-zA-Z0-9]/
  // 比对仅针对字符串，数字参与对比会导致对比的字符串转为number类型，变成NaN
  const a = _a.toString()
  const b = _b.toString()
  // 比对0号位的原因是字符串中有可能出现中英文混合的情况，这种仅按首位排序即可
  if (reg.test(a[0]) || reg.test(b[0])) {
    if (a > b) {
      return 1
    } else if (a < b) {
      return -1
    } else {
      return 0
    }
  } else {
    return a.localeCompare(b)
  }
}

const sort2 = [...ori]
sort2.sort((a, b) => mixSort(a, b))
// [1, '1中', '1序', '1排', '1文', 'a', 'a中', 'a中', 'a序', 'a排', 'c', 'c中', 'c序', 'c排', 'c文', '排', '文', '序', '中']

该方法已基本符合预期，如果需要针对首位英文或数字字符相同，后面中文二次排序的情况，就需要额外处理，此处不再展开