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;
}

性能对比

特殊场景处理

多维数组反转

仅反转第一层：

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

类数组对象

需先转换为真数组：

Array.prototype.reverse.call(arguments);

总结

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

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