How to Reverse a JavaScript Array

Reversing a JavaScript array can be done using a few different methods. In this article, we will explore the different ways to achieve this.

Let’s start with an example array called list:

1	const list = [1, 2, 3, 4, 5];

The easiest and most intuitive way to reverse an array is by using the built-in reverse() method. This method directly alters the original array, so you can call it directly on list:

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

// Output: list is [5, 4, 3, 2, 1]

If you want to keep the original array intact and create a new reversed array, you can use the spread operator ... along with the reverse() method:

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

// Output: list is [1, 2, 3, 4, 5]
// Output: reversedList is [5, 4, 3, 2, 1]

Another approach is to use the slice() method without passing any arguments. This creates a shallow copy of the original array, and then you can call the reverse() method on the copied array:

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

// Output: list is [1, 2, 3, 4, 5]
// Output: reversedList is [5, 4, 3, 2, 1]

Personally, I find the spread operator approach more intuitive than using slice().

With these methods, you can easily reverse a JavaScript array and manipulate it to suit your needs.

tags: [“JavaScript”, “array manipulation”, “reverse array”]