JavaScript数组原地反转是指直接修改原数组，将数组中元素的顺序完全颠倒，不会返回新的数组对象，这种操作在处理数组数据时经常用到，能够节省额外的内存开销。数组原地反转的核心逻辑是通过交换数组前后对应位置的元素，直到所有元素都完成位置调整。
内置reverse方法的使用
JavaScript数组原型上自带了reverse()方法，该方法就是原地反转数组的实现，调用后会直接修改原数组，同时返回修改后的原数组。
下面是一个简单的使用示例：
// 定义原始数组
let arr = [1, 2, 3, 4, 5];
console.log('反转前的数组:', arr); // 输出 [1, 2, 3, 4, 5]
// 调用内置reverse方法
let result = arr.reverse();
console.log('反转后的数组:', arr); // 输出 [5, 4, 3, 2, 1]
console.log('reverse方法的返回值:', result); // 输出 [5, 4, 3, 2, 1]，和原数组是同一个引用
需要注意的是，reverse()方法返回的就是原数组本身，不是新创建的数组，所以修改返回值也会影响原数组。
手动实现数组原地反转的方法
双指针交换法
双指针是实现原地反转最常用的思路，定义两个指针，一个指向数组的起始位置，一个指向数组的末尾位置，然后交换两个指针指向的元素，之后将左指针右移，右指针左移，重复这个过程直到两个指针相遇或者左指针超过右指针。
具体实现代码如下：
function reverseArrayInPlace(arr) {
// 处理边界情况，非数组或者数组长度小于等于1直接返回
if (!Array.isArray(arr) || arr.length <= 1) {
return arr;
}
let left = 0;
let right = arr.length - 1;
// 当左指针小于右指针时，持续交换元素
while (left < right) {
// 交换left和right位置的元素
let temp = arr[left];
arr[left] = arr[right];
arr[right] = temp;
// 指针移动
left++;
right--;
}
return arr;
}
// 测试代码
let testArr = ['a', 'b', 'c', 'd', 'e'];
reverseArrayInPlace(testArr);
console.log(testArr); // 输出 ['e', 'd', 'c', 'b', 'a']
这种方法的空间复杂度是O(1)，只需要一个临时变量存储交换的元素，执行效率很高，也是内置reverse()方法的常见实现思路。
循环替换法
除了双指针，还可以通过循环遍历数组的前半部分，依次和对应的后半部分元素交换，实现原地反转。遍历的终止条件是索引达到数组长度的一半，因为后半部分的元素会在交换过程中自动调整到位。
实现代码如下：
function reverseArrayByLoop(arr) {
if (!Array.isArray(arr) || arr.length <= 1) {
return arr;
}
const len = arr.length;
// 遍历前半部分元素
for (let i = 0; i < Math.floor(len / 2); i++) {
// 对应后半部分的索引
let targetIndex = len - 1 - i;
// 交换元素
let temp = arr[i];
arr[i] = arr[targetIndex];
arr[targetIndex] = temp;
}
return arr;
}
// 测试代码
let testArr2 = [10, 20, 30, 40, 50, 60];
reverseArrayByLoop(testArr2);
console.log(testArr2); // 输出 [60, 50, 40, 30, 20, 10]
这种方法的逻辑和双指针法本质一致，只是通过索引计算来代替指针的移动，同样只使用常量级的额外空间，适合理解数组索引的操作逻辑。
两种实现方法的对比
我们可以通过一个表格来对比手动实现的两种方法和内置reverse()方法的特点：
| 实现方式 | 空间复杂度 | 时间复杂度 | 特点 |
|---|---|---|---|
| 内置reverse方法 | O(1) | O(n) | 原生支持，调用简单，兼容性良好，无需手动实现逻辑 |
| 双指针交换法 | O(1) | O(n) | 逻辑清晰，指针移动直观，容易理解和调试 |
| 循环替换法 | O(1) | O(n) | 通过索引计算实现，无需维护指针变量，适合索引操作的场景 |
注意事项
- 原地反转操作会直接修改原数组，如果不想修改原数组，需要先拷贝原数组再进行反转操作，比如使用
slice()方法或者扩展运算符创建新数组。 - 对于空数组或者只有一个元素的数组，原地反转操作不会有任何变化，实现方法时需要做好边界判断，避免出现无效操作。
- 如果数组中包含引用类型的元素，原地反转只会交换元素的引用位置，不会深拷贝元素本身，这一点和数组的其他操作逻辑是一致的。
理解数组原地反转的原理，不仅能够帮助开发者掌握数组操作的底层逻辑，还能在遇到类似的元素交换场景时，快速想到合适的实现方案，提升代码的性能和可维护性。
JavaScript数组原地反转reverse方法双指针数组操作修改时间：2026-06-27 11:48:38