17370845950

JavaScript数组排序依靠sort()方法，默认按Unicode顺序排序，会改变原数组；数字排序需传入比较函数(a, b) => a - b实现升序或b - a降序；对象数组可按属性排序，如按年龄a.age - b.age，字符串推荐localeCompare()方法；注意用[...arr].sort()保留原数组，避免直接修改。

JavaScript中的数组排序主要依靠内置的sort()方法。它可以直接对数组元素进行排序，并返回排序后的数组。需要注意的是，sort() 方法会改变原数组，而不是生成一个新数组。

默认排序：字符串 Unicode 顺序

如果不传参数，sort() 会将元素转换为字符串，然后按 Unicode 编码顺序进行比较。

[10, 2, 15, 3].sort();
// 结果是：[10, 15, 2, 3]
因为 '10'

这种排序在数字上通常不符合预期，所以对数字排序时必须提供比较函数。

使用比较函数进行数值排序

比较函数接收两个参数（a 和 b），返回值决定排序顺序：

• 返回负数：a 排在 b 前面
• 返回 0：a 和 b 位置不变
• 返回正数：a 排在 b 后面

升序排列：

const numbers = [10, 2, 15, 3];
numbers.sort((a, b) => a - b);
// 结果：[2, 3, 10, 15]

降序排列：

numbers.sort((a, b) => b - a);
// 结果：[15, 10, 3, 2]

对对象数组排序

可以基于对象的某个属性进行排序。

const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 20 },
  { name: 'Charlie', age: 30 }
];

users.sort((a, b) => a.age - b.age);
// 按 age 升序排列

按姓名字符串排序（忽略大小写）：

users.sort((a, b) => a.name.localeCompare(b.name));

localeCompare() 是推荐方式，能正确处理字母顺序和语言差异。

注意事项与技巧

避免常见错误：

• 数字排序不加比较函数会导致逻辑错误
• sort() 修改原数组，如需保留原数组可用展开语法：
  const sorted = [...arr].sort((a, b) => a - b);
• 比较函数应返回数值，不要只写布尔表达式
  错误写法：(a, b) => a > b
  正确写法：(a, b) => a - b

基本上就这些。掌握比较函数的写法，就能灵活控制各种排序需求。