JS数组排序陷阱_LocaleCompare注意点

JavaScript数组排序需注意默认按Unicode编码排序，导致字符串和数字排序异常；应使用比较函数处理数字排序，如sort((a, b) => a - b)；对于字符串，推荐使用localeCompare以支持多语言正确排序，并可配置选项忽略大小写或指定语言；同时注意sort()会修改原数组，需复制数组避免副作用。

JavaScript数组排序看似简单，但实际使用中容易踩坑，尤其是处理字符串排序时。很多人直接用sort()默认方式，结果发现排序不符合预期。核心问题在于：JavaScript默认按字符编码（Unicode）排序，而不是我们习惯的字典序或自然语言顺序。

字符串排序陷阱：别依赖默认sort()

JS数组调用sort()时，会把元素转成字符串再按UTF-16编码比较。这会导致数字排序出错：

例如：

• [10, 1, 2].sort() → 结果是 [1, 10, 2]
• ['apple', 'Apple'] → 'Apple' 排在前面（大写字母编码小）

解决方法是传入比较函数。数字排序应写成：

[10, 1, 2].sort((a, b) => a - b); // 正确：[1, 2, 10]

LocaleCompare：正确处理多语言字符串排序

对非英文或含特殊字符的字符串，应使用String.prototype.localeCompare()。它支持本地化排序规则，能正确处理变音符号、中文拼音等。

基础用法：

['ä', 'a', 'z'].sort((a, b) => a.localeCompare(b));
// 结果：['a', 'ä', 'z']（符合德语/瑞典语习惯）

注意点：

• 区分大小写：默认情况下，大小写字母可能影响顺序。如需忽略，加选项：
  .localeCompare(b, undefined, { sensitivity: 'base' })
• 指定语言：不同地区排序规则不同。比如西班牙语中 "ch" 是独立字母。
  list.sort((a, b) => a.localeCompare(b, 'es'))
• 性能考量：在大量数据排序时，反复调用localeCompare可能较慢。可预先规范化字符串（如转小写、去重音），再配合简单比较函数提升性能。

避免副作用：sort()会修改原数组

sort()是原地操作，会改变原始数组。若需保留原数组，先复制：

const sorted = [...original].sort((a, b) => a.localeCompare(b));

或者使用slice()：

original.slice().sort(...)

基本上就这些。关键记住：字符串排序别用默认，优先选localeCompare并根据需求配置选项。数字排序手动写比较函数最稳妥。不复杂但容易忽略。