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 字母序:
立即学习“Java免费学习笔记(深入)”;
无论做任何事情,都要有一定的方式方法与处理步骤。计算机程序设计比日常生活中的事务处理更具有严谨性、规范性、可行性。为了使计算机有效地解决某些问题,须将处理步骤编排好,用计算机语言组成“序列”,让计算机自动识别并执行这个用计算机语言组成的“序列”,完成预定的任务。将处理问题的步骤编排好,用计算机语言组成序列,也就是常说的编写程序。在Pascal语言中,执行每条语句都是由计算机完成相应的操作。编写Pascal程序,是利用Pasca
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% 的前端排序需求都能稳稳拿下。










