JavaScript反转数组常用的4种方法

1.使用For循环反转数组：

我们将为这种方法使用递减循环，以迭代给定数组的每个元素。数组的最后一个元素将是循环的起点(arr.length — 1) ，它将一直运行直到到达数组的起点(i ≥ 0)

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
function reverseArray1(arr) {
var newArr = [];
for (let index = arr.length – 1; index >= 0; index–) {
newArr.push(arr[index]);
}
return newArr;
}
console.log(reverseArray1(arr));

reverseArray1函数将一个数组( arr )作为参数，并通过向后循环遍历给定的数组，以相反的顺序创建一个相同元素的新数组( newArr )( let i = arr.length – 1; i >= 0; i — )。此解决方案不会修改原始数组，因为它会将元素推入并存储在新数组中，这会占用额外的空间。

2.使用Unshift()方法反转数组：

这种方法与第一种方法没有很大不同，因为它还使用一个额外的变量来存储反向数组，因此，原始数组保持不变。

function reverseArray2(arr) {
var newArr = [];
arr.forEach(element => {
// unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
newArr.unshift(element);
});
return newArr;
}
console.log(reverseArray2(arr));

reverseArray2函数从头到尾遍历给定数组( arr )。它在新数组( newArr )上使用unshift方法，并将每个元素插入到数组的开始位置( newArr[0] )。与第一个解决方案相比，第二个解决方案的空间效率也较低，因为它需要更多内存才能将反向数组存储在其他变量( newArr )中。

3.就地反转阵列：（改变原数组）

与reverse方法类似，我们的最后一种方法也通过在原位反转其元素来修改原始数组。这个解决方案；与前两个解决方案相比，就地反转数组要复杂得多。

function reverseArray3(arr) {
for (let index = 0; index < Math.floor(arr.length / 2); index++) {
// 借助第三方变量交换两个变量的值
var temp = arr[index];
arr[index] = arr[arr.length – 1 – index];
arr[arr.length – 1 – index] = temp
}
return arr;
}
console.log(reverseArray3(arr));

在上面的代码中，我们使用Math.floor向下舍入( i < Math.floor(arr.length/2) ) i < Math.floor(arr.length/2)给定数组的一半元素。然后将数组的元素放在第一位和最后一位，第二位与第二位到最后一位，依此类推。代替使用局部绑定，我们使用数组解构来交换其元素。