javascript如何反转数组

# JavaScript如何反转数组 在JavaScript开发中，数组反转是常见的操作需求。本文将详细介绍5种反转数组的方法，包括原生API、经典算法实现以及性能对比，帮助开发者根据场景选择最佳方案。 ## 1. 使用Array.prototype.reverse() 最直接的方法是调用数组内置的`reverse()`方法： ```javascript const arr = [1, 2, 3, 4]; arr.reverse(); // 原地反转 console.log(arr); // [4, 3, 2, 1] 

特点： - 原地修改原数组 - 返回反转后的数组引用 - 时间复杂度O(n)

2. 扩展运算符+reverse

需要保留原数组时，可结合扩展运算符创建新数组：

const original = [1, 2, 3]; const reversed = [...original].reverse(); 

3. 使用reduce实现

函数式编程风格的实现方式：

const arr = [1, 2, 3]; const reversed = arr.reduce((acc, cur) => [cur, ...acc], []); 

4. 经典for循环

手动实现反转算法：

function reverseArray(arr) { const result = []; for (let i = arr.length - 1; i >= 0; i--) { result.push(arr[i]); } return result; } 

5. 双指针交换法

更高效的原地反转算法（类似reverse()底层实现）：

function reverseInPlace(arr) { let left = 0; let right = arr.length - 1; while (left < right) { [arr[left], arr[right]] = [arr[right], arr[left]]; left++; right--; } return arr; } 

性能对比

方法	时间复杂度	空间复杂度	是否修改原数组
reverse()	O(n)	O(1)	是
扩展运算符+reverse	O(n)	O(n)	否
reduce	O(n)	O(n)	否
for循环	O(n)	O(n)	否
双指针法	O(n)	O(1)	是

特殊场景处理

多维数组反转

仅反转第一层：

[[1,2], [3,4]].reverse(); // [[3,4], [1,2]] 

类数组对象

需先转换为真数组：

Array.prototype.reverse.call(arguments); 

总结

1. 需要原地修改时：优先使用reverse()或双指针法
2. 需要保留原数组时：选择扩展运算符方案
3. 追求代码简洁：reverse()或reduce
4. 面试手写场景：建议实现双指针法

掌握这些方法可以应对不同业务场景的需求，建议根据实际场景选择最合适的实现方式。 “`