Table of Contents
Arrays are a useful data structure in JavaScript because they contain a collection of elements where each one can be accessed by an index.
Sometimes it is useful for the same array to be in the reverse order.
In this article, we will look at how to reverse an array in JavaScript.
How to reverse an array
The easiest way to reverse an array is to use the built-in reverse method.
Let's start with an example array:
JAVASCRIPTconst array = [1, 2, 3, 4, 5];
console.log(array);
BASH[1, 2, 3, 4, 5]
Now let's call the reverse
method on the array:
JAVASCRIPTconst array = [1, 2, 3, 4, 5];
array.reverse();
console.log(array);
BASH[5, 4, 3, 2, 1]
Notice that this method directly mutates the array, so we don't need to assign the result to a new variable.
This can be good in the case that we don't want to create a new array, but it can also be bad if we want to keep the original array.
If you want to keep the original array, you'll have to make a copy of the array using the spread operator:
JAVASCRIPTconst array = [1, 2, 3, 4, 5];
const reversedArray = [...array].reverse();
console.log(array);
console.log(reversedArray);
BASH[1, 2, 3, 4, 5]
[5, 4, 3, 2, 1]
Conclusion
In this article, we looked at how to reverse an array in JavaScript.
We saw that the easiest way to reverse an array is to use the built-in reverse method, but if you want to keep the original array, make a copy of it, then reverse the copy.
Thanks for reading!
- Getting Started with TypeScript
- Getting Started with Solid
- Create an RSS Reader in Node
- How to deploy a MySQL Server using Docker
- How to deploy a Node app using Docker
- Getting Started with Sass
- Getting Started with Handlebars.js
- Getting User Location using JavaScript's Geolocation API
- Getting Started with Moment.js
- Getting Started with React
- Setting Up Stylus CSS Preprocessor
- Using Axios to Pull Data from a REST API