reverse() 直接修改原数组并返回其引用，需先拷贝再反转以避免副作用；React 中禁用实时 reverse()，应提前计算或使用 useMemo；类数组和字符串需转数组后操作。
reverse() 会直接修改原数组，不是返回新数组
这是最常踩的坑：reverse() 是原地操作，调用后原数组元素顺序就变了，返回值只是对同一数组的引用。如果你需要保留原数组，必须先拷贝一份再反转。
常见错误现象：const list = [1, 2, 3]; const reversed = list.reverse(); console.log(list); // [3, 2, 1] —— 原数组已变
- 正确做法：用扩展运算符或
slice()先浅拷贝：[...list].reverse()或list.slice().reverse() - 注意：浅拷贝只复制第一层引用，若数组元素是对象，对象内部属性仍共享
- 性能影响：拷贝 + 反转比纯反转多一次遍历，大数据量时需权衡
在 React 渲染中直接用 reverse() 会导致不可预测的 re-render
React 组件内若在 render 或 JSX 中写 items.reverse()，每次渲染都会触发原数组变更，可能引发无限循环或 UI 错乱（尤其当 items 来自 props 或 state）。
- 错误示例：
{items.reverse().map(...)}—— 每次 render 都改items - 正确做法：提前计算好反转结果，或用 memoized 衍生数据（如
useMemo(() => [...items].reverse(), [items])） - 如果
items是由useState管理的，更推荐反转后setState新数组，而非复用原引用
reverse() 对空数组、单元素数组和类数组对象的行为
reverse() 在边界情况很稳定，但类数组对象（如 arguments、NodeList）不能直接调用，会报 TypeError: xxx.reverse is not a function。
- 空数组和单元素数组调用
reverse()安全，返回原数组（无实际变化） - 类数组对象需先转为真数组：
Array.from(nodeList).reverse()或[...nodeList].reverse() - 字符串不能直接用
reverse()，得先split('')再反转，最后join('')
替代方案：不修改原数组且语义更清晰的写法
虽然 reverse() 简洁，但 [...arr].reverse() 多一次拷贝；如果只是想倒序遍历，用 for 循环从末尾开始更高效，也避免歧义。
- 高性能倒序遍历：
for (let i = arr.length - 1; i >= 0; i--) { /* arr[i] */ } - 函数式风格（兼容旧环境）：
arr.concat().reverse()（concat()无参时返回浅拷贝） - TypeScript 用户注意：
reverse()的返回类型仍是T[]，类型系统不会提示“已修改原数组”，靠约定和代码审查防范
实际项目里，真正需要“反转显示顺序”的场景，往往隐含着排序逻辑或状态管理需求。原地反转容易掩盖数据流向，建议把“反转”明确为一次派生操作，而不是副作用。
