本文介绍一种高效、可读性强的 JavaScript 自定义排序方案，通过先按首字符类型（字母/数字）分区，再分别使用 Intl.Collator 进行自然排序，实现“字母开头字符串排在前面、数字开头字符串排在后面”的需求。
本文介绍一种高效、可读性强的 javascript 自定义排序方案，通过先按首字符类型（字母/数字）分区，再分别使用 `intl.collator` 进行自然排序，实现“字母开头字符串排在前面、数字开头字符串排在后面”的需求。
在处理混合型字符串（如 "A", "60a", "7'", "c1"）时，浏览器默认的 String.prototype.sort() 或通用 Intl.Collator 无法满足“字母开头项整体前置、数字开头项整体后置”的业务逻辑。例如，原生 numeric: true 排序虽能正确处理 "6.2" < "7" 和 "7'" 的位置，却将 "A"、"c1" 等字母开头字符串与数字混排，违背语义分组需求。
解决思路是两阶段排序：
- 分区（Partition）：将数组按首字符是否为数字严格分离——!isNaN(x[0]) 判断首字符能否被解析为数字（注意：该判断仅适用于单字符数字前缀，对 "12abc" 同样有效，因 '1' 转 Number 非 NaN）；
- 分别排序：对字母组和数字组各自调用 Intl.Collator 的 compare 方法，保留其内置的自然排序能力（支持数字识别、大小写不敏感、变音符号处理等）。
以下是完整、健壮的实现代码：
function partition(ary, predicate) {
const result = [[], []];
for (const item of ary) {
result[predicate(item) ? 1 : 0].push(item);
}
return result;
}
const list = ["F", "60", "59", "6", "7", "7'", "60'", "60a", "c1", "A", "5", "a1", "6.2", "A'", "B", "A1"];
const collator = new Intl.Collator('en', { numeric: true, sensitivity: 'base' });
const [letterGroup, digitGroup] = partition(list, x => !isNaN(x[0]));
const sortedList = [
...letterGroup.sort(collator.compare),
...digitGroup.sort(collator.compare)
];
console.log(sortedList);
// → ["A", "A'", "a1", "A1", "B", "c1", "F", "5", "6", "6.2", "7", "7'", "59", "60", "60'", "60a"]✅ 优势说明：
- 语义清晰：分区逻辑明确，避免在 sort() 回调中编写复杂比较逻辑；
- 复用性强：partition 是通用工具函数，可适配其他分类场景；
- 兼容性好：Intl.Collator 在现代浏览器中广泛支持（包括 Node.js ≥13），且比正则/手动解析更可靠；
- 扩展灵活：如需支持 "α1"、"é2" 等 Unicode 字母，只需调整 sensitivity 或 locale（如 'en-u-kf-lower' 控制大小写优先级）。
⚠️ 注意事项：
- !isNaN(x[0]) 依赖字符串首字符可转为数字，若数据含空字符串或纯空白符，需前置校验（如 x && x.trim()）；
- 若需严格区分大小写（如 "A" 在 "a1" 前），应移除 sensitivity: "base" 或设为 "accent"，并确保 letterGroup 内部排序符合预期；
- 对于超大规模数组（>10⁵ 项），可考虑 Array.prototype.reduce() 替代循环以提升可读性，性能差异通常可忽略。
该方案平衡了简洁性、可维护性与功能性，是处理非标准字符串排序任务的推荐实践。
