JavaScript 数组排序应优先使用不可变方法 toSorted()，它不修改原数组且支持比较函数；旧环境可用扩展运算符、slice() 或 Array.from() 模拟；数字排序必须显式传入比较函数，深嵌套对象需结合 structuredClone()。
JavaScript 数组的 sort() 默认会直接修改原数组，这种“变异”行为在状态管理、响应式系统（如 React）或函数式编程中极易引发难以追踪的 bug。好在现代 JavaScript 提供了安全、语义清晰的不可变替代方案，核心是返回新数组而非改动旧数据。
首选：toSorted() —— 原生、简洁、无副作用
toSorted() 是 ES2023 正式引入的标准方法，专为不可变排序设计：
- 不修改原数组，始终返回一个新排序数组
- 支持传入比较函数，行为与
sort()完全一致 - 可链式调用，天然适配函数式写法
例如按用户经验值降序排列：
const sortedUsers = users.toSorted((a, b) => b.xp - a.xp);
立即学习“Java免费学习笔记（深入）”；
升序只需换符号：a.xp - b.xp；纯数字数组：numbers.toSorted((a, b) => a - b)。
兼容旧环境：手动创建副本再排序
若需支持 Node.js < 20、Safari < 16.4 或 Firefox < 112，可用以下方式模拟不可变效果：
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 扩展运算符 + sort：[...arr].sort((a, b) => a - b)
- slice() + sort：arr.slice().sort((a, b) => a - b)
- Array.from() + sort：Array.from(arr).sort((a, b) => a - b)
三者本质相同，都是浅拷贝数组后排序。注意：若数组元素是对象，这些方法只复制数组结构，对象引用仍共享——如需深度隔离，应配合 structuredClone()（ES2022+）。
避免常见陷阱：数字排序别漏写比较函数
sort() 和 toSorted() 默认按字符串 Unicode 码点排序，对数字会出错：
[10, 2, 33].sort() → [10, 2, 33]（不是 [2, 10, 33]）
必须显式提供数值比较逻辑：
- 升序：(a, b) => a - b
- 降序：(a, b) => b - a
- 字符串字段（如 name）：(a, b) => a.name.localeCompare(b.name)
进阶场景：嵌套对象或需深隔离时
当数组包含深层嵌套对象，且你希望排序后的新数组完全独立于原数据（包括内部引用），应优先使用：
structuredClone(arr).toSorted((a, b) => b.xp - a.xp)
该方法在现代浏览器和 Node.js 17.0+ 中可用，能真正切断所有层级的引用关系，避免意外的共享状态问题。
