17370845950

JavaScript数组sort()默认按字符串Unicode排序，数字排序需传入比较函数：升序用a-b，降序用b-a，对象按属性排序用localeCompare或链式判断；原地排序需拷贝数组避免修改原数据。

JavaScript 中数组排序主要靠 sort() 方法，但它默认按字符串 Unicode 码点排序，直接用于数字会出错；真正实现“正确排序”需要传入比较函数，或借助其他方法预处理数据。

sort() 配合比较函数 —— 最常用、最灵活

这是处理数字、对象等复杂排序的核心方式。比较函数接收两个参数 a 和 b，返回值决定顺序：

• 返回负数（如 -1）：a 排在 b 前面
• 返回 0：a 和 b 位置不变（相对稳定）
• 返回正数（如 1）：a 排在 b 后面

升序排数字：arr.sort((a, b) => a - b)
降序排数字：arr.sort((a, b) => b - a)
按对象属性排序（如 name）：arr.sort((a, b) => a.name.localeCompare(b.name))

数值排序别踩坑 —— 默认行为不是你想要的

不传参时，sort() 会把所有元素转成字符串再比对：

• [10, 2, 33, 1].sort() → [1, 10, 2, 33]（因为 "1"
• 即使数组全是数字，也必须显式写比较逻辑
• 浮点数、负数同理，都依赖 a - b 这类数值运算

多条件排序 —— 一行比较函数搞定

比如先按 age 升序，age 相同时按 name 字母序：

arr.sort((a, b) => {
  if (a.age !== b.age) return a.age - b.age;
  return a.name.localeCompare(b.name);
});

也可简写为链式判断：(a, b) => a.age - b.age || a.name.localeCompare(b.name)（利用 || 的短路特性）

不想修改原数组？用扩展运算符或 slice() 先拷贝

sort() 是原地排序，会改变原数组。需要保留原始顺序时：

• 浅拷贝后排序：[...arr].sort(...) 或 arr.slice().sort(...)
• 对象数组要注意：slice() 和展开运算符只深拷贝第一层，内部对象仍被引用

基本上就这些。掌握 sort() + 比较函数这个组合，90% 的前端排序需求都能稳稳拿下。