javascript如何实现排序_数组的sort方法如何使用【教程】

7次阅读

JavaScript数组sort()默认按字符串Unicode码点排序,数字数组需传入比较函数如(a,b)=>a-b,多级排序用||链式比较,字符串字段推荐localeCompare()。

javascript如何实现排序_数组的sort方法如何使用【教程】

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]'

怎么正确对数字升序/降序排序?

传入一个比较函数:接收两个参数 ab,返回负数(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_INTEGERNumber.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 起才强制要求稳定排序),如果你依赖相同值的相对顺序(比如分页后合并再排序),别假设老环境一定可靠。

text=ZqhQzanResources