js 数组翻转

### JavaScript 中数组翻转的方法 在 JavaScript 中，有多种方法可以实现数组的翻转操作。以下是常见的几种方式及其具体实现： #### 1. 使用内置方法 `reverse()` 最简单的方式是使用数组自带的 `reverse()` 方法。该方法会原地修改数组顺序，并返回一个新的已翻转的数组[^1]。 ```javascript let arr = [1, 2, 3, 4, 5]; console.log(arr.reverse()); // 输出: [5, 4, 3, 2, 1] ``` 此方法适用于简单的场景，但如果需要保留原始数组不变，则不推荐直接调用 `reverse()`，因为它会对原数组造成影响。 --- #### 2. 手动实现循环翻转 如果不允许使用现成的库函数或者想深入理解其原理，可以通过编写自定义逻辑完成这一功能。下面是一个基于索引交换的手动实现方案[^3]: ```javascript function reverseArray(arr) { let temp; for (let i = 0; i < Math.floor(arr.length / 2); i++) { temp = arr[i]; // 存储当前项 arr[i] = arr[arr.length - 1 - i]; // 替换前半部分元素为对应后半部分元素 arr[arr.length - 1 - i] = temp; // 完成交换过程 } return arr; } let array = [1, 2, 3, 4, 5]; console.log(reverseArray(array.slice())); // 不改变原有数组结构的同时打印结果:[5, 4, 3, 2, 1][^3] ``` 这里我们创建了一个辅助变量 `temp` 来保存临时值以便完成两个位置之间的互换动作。注意这里的切片操作 `.slice()` 是为了避免更改输入参数本身的数据状态。 --- #### 3. 利用额外空间构建新数组 另一种常见做法是从尾部向前遍历旧数组并将每个访问过的成员依次压入新的目标容器之中形成最终反向排列的新序列[^2]: ```javascript function customReverse(arr){ const newArr=[]; for(let i=arr.length-1;i>=0;i--){ newArr.push(arr[i]); } return newArr; } console.log(customReverse([1,2,3,4])); // 输出：[4, 3, 2, 1][^2] ``` 这种方法不会破坏源数据结构，而是生成一份完全独立副本用于存储逆序后的版本。 --- #### 4. 结合高阶函数 unshift 实现 还可以借助队列特性——即总是把新增加的东西放置到开头处从而自然达成倒置效果[^4]: ```javascript let originalArr=[10,20,30,40,50], reversedArr=[]; originalArr.forEach(element=>reversedArr.unshift(element)); console.log(reversedArr); // 显示：[50, 40, 30, 20, 10][^4] ``` 尽管这种方式看起来简洁明了，但由于每次执行都会引起内部重组开销较大所以性能相对较低效一些特别针对大规模数据集而言更是如此。 --- 以上就是在 JavaScript 当中能够有效达到数组逆转目的的不同途径介绍。每种都有各自适用场合以及优缺点所在，请根据实际需求灵活选用合适的技术手段解决问题吧！