不改动原数组，高效反转 JavaScript 数组的方法

javascript

2024-03-26 16:44:55

无需修改原始数组反转 JavaScript 数组

问题：

反转 JavaScript 数组是常见操作，但 JavaScript 的 Array.prototype.reverse 方法会修改原始数组。在某些情况下，我们希望反转数组，同时保持原始数组不变。

解决方法：

有以下几种方法可以在不修改原始数组的情况下反转 JavaScript 数组：

slice() 方法： 创建数组副本，然后反转副本。
扩展运算符 (...)： 创建数组副本，然后反转副本。
Array.from() 方法： 创建数组副本，然后反转副本。

方法比较：

这三种方法效率相似，但 slice() 方法和扩展运算符通常比 Array.from() 方法快，因为它们不需要额外的内存分配。Array.from() 方法更通用，因为它可以用来创建任何可迭代对象的副本，而不仅仅是数组。

代码示例：

slice() 方法：

const originalArray = [1, 2, 3, 4, 5];
const reversedArray = originalArray.slice().reverse();

console.log(originalArray); // [1, 2, 3, 4, 5]
console.log(reversedArray); // [5, 4, 3, 2, 1]

扩展运算符：

const originalArray = [1, 2, 3, 4, 5];
const reversedArray = [...originalArray].reverse();

console.log(originalArray); // [1, 2, 3, 4, 5]
console.log(reversedArray); // [5, 4, 3, 2, 1]

Array.from() 方法：

const originalArray = [1, 2, 3, 4, 5];
const reversedArray = Array.from(originalArray).reverse();

console.log(originalArray); // [1, 2, 3, 4, 5]
console.log(reversedArray); // [5, 4, 3, 2, 1]