JavaScript数组排序技巧全解析

本篇文章给大家分享《JavaScript数组排序方法详解》，覆盖了文章的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。

JavaScript数组排序默认按字符串Unicode码点排序，需用sort()方法；数字排序须提供比较函数，如(a, b) => a - b实现升序；对象数组可按属性排序，常用a.age - b.age或a.name.localeCompare(b.name)；注意sort()会修改原数组，可用[...arr]复制避免副作用。

JavaScript中数组排序主要通过sort()方法实现，默认按字符串Unicode码点排序。如果需要数字排序或更复杂的逻辑，必须提供自定义比较函数。

默认排序：按字符串排序

调用sort()不传参数时，数组元素会被转换为字符串，再按字典顺序排列。

例如：

let numbers = [10, 2, 25, 3];
numbers.sort();
// 结果: ['10', '2', '25', '3'] → ['10', '2', '25', '3']

你会发现 10 排在 2 前面，因为字符串 "10" 的首字符 "1" 小于 "2"。

数字排序：使用比较函数

要正确排序数字，需传入一个比较函数：

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

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

升序排序示例：

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

降序排序：

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

对象数组排序

对包含对象的数组排序，比较函数根据对象的某个属性进行判断。

例如按年龄排序用户列表：

let users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 20 },
  { name: 'Charlie', age: 30 }
];
users.sort((a, b) => a.age - b.age);
// 按年龄升序排列

也可以按字符串属性排序，比如姓名：

users.sort((a, b) => a.name.localeCompare(b.name));
// 使用 localeCompare 正确处理字母顺序

注意事项与技巧

sort() 会修改原数组。如需保留原数组，先复制：

let sorted = [...numbers].sort((a, b) => a - b);

支持链式调用，常与其他方法如 filter()、map() 配合使用。

复杂排序可嵌套判断，例如先按部门再按年龄：

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

基本上就这些。掌握比较函数是关键，理解返回值含义后，任何排序需求都能灵活应对。

文中关于js语法教程的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript数组排序技巧全解析》文章吧，也可关注golang学习网公众号了解相关技术文章。