Home >>JavaScript Array Reference >JavaScript Array reverse() Method

JavaScript Array reverse() Method

JavaScript reverse() method is used to reverse the order of the elements in the given input array. It changes the original given array. It makes the arrays last element first and the first element the last.

Syntax:

array.reverse()

Browser Support

Method	Chrome	Edge	Firefox	Safari	Opera
reverse()	1.0	5.5	1.0	Yes	Yes

Here is an example of JavaScript reverse() method:

<html>
<body>
<p>Click the button to see the Output.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var x = ["PHP", "Python", "Java", "JavaScript"];
document.getElementById("demo").innerHTML = x;
function myFunction() 
{
  x.reverse();
  document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

Output:

Click the button to see the Output.

Example 2:

<html>
<body>
<p>Click the button to see the Output.</p>
<button onclick="myFunction1()">Try it</button>
<p id="demo1"></p>
<script>
var y = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
document.getElementById("demo1").innerHTML = y;
function myFunction1()
{
  y.reverse();
  document.getElementById("demo1").innerHTML = y;
}
</script>
</body>
</html>

Output:

Click the button to see the Output.

« Previous Next »

JavaScript Array Reference

No Sidebar ads