JavaScript数组sort()默认按字符串Unicode码点排序，数字数组需传入比较函数如(a,b)=>a-b，多级排序用||链式比较，字符串字段推荐localeCompare()。
JavaScript 数组的 sort() 方法默认按字符串 Unicode 码点排序，直接调用 arr.sort() 对数字数组排序会出错 —— 这是绝大多数人踩的第一个坑。
为什么 sort() 默认不按数值排序？
因为 sort() 内部把所有元素先转成字符串再比较。比如 [10, 2, 33] 会被当作 ['10', '2', '33'] 排序，结果是 [10, 2, 33]（'10' [2, 10, 33]。
这是设计使然，不是 bug —— 它本就面向通用字符串排序，比如姓名、文件名等。
常见错误现象：
- [5, 10, 1].sort() → [1, 10, 5]
- [{id: 5}, {id: 10}].sort() → 不报错但无意义（对象转 '[object Object]'）
怎么正确对数字升序/降序排序？
传入一个比较函数：接收两个参数 a 和 b，返回负数（a 在前）、0（位置不变）、正数（b 在前）。
立即学习“Java免费学习笔记（深入）”；
- 升序：
arr.sort((a, b) => a - b) - 降序：
arr.sort((a, b) => b - a) - 安全写法（防
null/undefined）：arr.sort((a, b) => (a ?? 0) - (b ?? 0))
注意：减法只适用于安全数字范围（Number.MIN_SAFE_INTEGER 到 Number.MAX_SAFE_INTEGER）。超大整数或 BigInt 需改用 return a > b ? 1 : a 。
如何排序对象数组？
核心是提取可比字段，再套用数值或字符串比较逻辑。
- 按数字字段（如
age）：users.sort((a, b) => a.age - b.age) - 按字符串字段（如
name，忽略大小写）：items.sort((a, b) => a.name.localeCompare(b.name)) - 多级排序（先按
status，再按date）：list.sort((a, b) => a.status.localeCompare(b.status) || new Date(b.date) - new Date(a.date))
localeCompare() 比 >/ 更可靠，它支持国际化排序规则（比如中文拼音、德语变音符号）。
原地排序与不可变性问题
sort() **永远修改原数组**，不会创建新数组 —— 这和 map()、filter() 行为完全不同。
- 想保留原数组？先拷贝：
[...arr].sort(...)或arr.slice().sort(...) - React/Vue 等框架中直接
arr.sort()可能导致响应式失效或意外重渲染 - 如果数组含
NaN，它会被排到末尾（因为NaN === NaN为 false，比较逻辑使其“不可比”）
最容易被忽略的一点：排序稳定性在不同 JS 引擎中曾长期不一致（ES2019 起才强制要求稳定排序），如果你依赖相同值的相对顺序（比如分页后合并再排序），别假设老环境一定可靠。
