JavaScript 中反转数组

生活只有在平淡无味的人看来才是空虚而平淡无味的。 ——<尼古拉·加夫里诺维奇·车尔尼雪夫斯基>

作者：Ashish Lahoti
译者：cl9000
来源：https://codingnconcepts.com/javascript/how-to-reverse-array-in-javascript/

在本教程中，我们将学习如何使用 Array.reverse() 方法来反转 JavaScript 中的数组。

1. Array.reverse()

反转数组的最简单方法是使用 reverse()method。

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

console.log(list); 
// prints [5, 4, 3, 2, 1]

这里是要抓住的地方，它颠倒了原始数组的元素。有时您不希望更改原始数组，而是将其分配给新变量。

您可以分两个步骤进行操作：

首先，您必须复制原始阵列
反转副本并将其分配给新变量
在 Javascript 中，您可以在一条语句中以多种方式执行此操作。

2. 扩展运算符（…）和Array.reverse()

建议使用扩展运算符 … 来复制数组并将其与 reverse() 方法链接。简短的语法非常方便。

const list = [1, 2, 3, 4, 5];
const reversedList = [...list].reverse();

console.log(list);          
// prints [1, 2, 3, 4, 5]

console.log(reversedList);  
// prints [5, 4, 3, 2, 1]

我们看到我们的原始数组保持不变，并将反向数组分配给新变量。

3. Array.slice() 和 Array.reverse()

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

console.log(list);          
// prints [1, 2, 3, 4, 5]

console.log(reversedList);  
// prints [5, 4, 3, 2, 1]

4. Array.from() 和 Array.reverse()

另一种方法是将 Array.from() 方法与 reverse() 方法链接起来以制作反向数组的新副本。

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

console.log(list);          
// prints [1, 2, 3, 4, 5]

console.log(reversedList);  
// prints [5, 4, 3, 2, 1]

参考

关注【公众号】，了解更多。

赏

支付宝打赏

微信打赏

赞赏一下坚持原创技术分享，您的支持将鼓励我继续创作！

1. Array.reverse()

2. 扩展运算符（…）和Array.reverse()

3. Array.slice() 和 Array.reverse()

4. Array.from() 和 Array.reverse()

参考

FEATURED TAGS

FRIENDS