GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise
  • Google Chrome
  • Edge

This view

  • Original page
  • New address

GeezerVison is showing www.geeksforgeeks.org — JavaScript Array reverse() Method - GeeksforGeeks

geeksforgeeks
search icon
  • Courses
  • Tutorials
  • Interview Prep
  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise

JavaScript Array reverse() Method

Last Updated : 14 Jul, 2024

The JavaScript Array reverse() method reverses the order of the elements in an array in place. The first array element becomes the last, and the last element becomes the first, and so on.

It modifies the original array and returns a reference to the reversed array. We can also use the Array.toReversed() which returns the new array with the elements in the reverse order.

Syntax:

arr.reverse()

Parameters:

This method does not accept any parameter

Return value:

Returns the reference of the reversed original array.

JavaScript Array reverse() Method Examples

Example 1: Reversing Array Order with JavaScript Array reverse()

The function func() initializes an array arr with elements. It logs the original array, then reverses its order using the reverse() method, storing the result in new_arr, and logs the reversed array.

JavaScript
function func() {
    // Original Array
    let arr = ['Portal', 'Science',
        'Computer', 'GeeksforGeeks'];
    console.log(arr);

    // Reversed array
    let new_arr = arr.reverse();
    console.log(new_arr);
}
func();

Output
[ 'Portal', 'Science', 'Computer', 'GeeksforGeeks' ]
[ 'GeeksforGeeks', 'Computer', 'Science', 'Portal' ]

Example 2: Reversing Array Order with JavaScript Array reverse():

In this example, the reverse() method reverses the sequence of the array elements of arr.

JavaScript
function func() {

    // Original Array
    let arr = [34, 234, 567, 4];
    console.log(arr);

    // Reversed array
    let new_arr = arr.reverse();
    console.log(new_arr);
}
func();
Try It Yourself
redirect icon

Output
[ 34, 234, 567, 4 ]
[ 4, 567, 234, 34 ]

We have a complete list of Javascript Array methods, to check those please go through this Javascript Array Complete reference article.

Supported Browsers:

The browsers supported by the JavaScript Array reverse() method are listed below:

  • Google Chrome
  • Edge 
  • Firefox
  • Opera
  • Safari

We have a Cheat Sheet on Javascript where we covered all the important topics of Javascript to check those please go through Javascript Cheat Sheet-A Basic guide to JavaScript.

Comment

Explore

    JavaScript Basics
    • Introduction3 min read
    • Variables5 min read
    • Operators4 min read
    • Control Statements4 min read
    Array & String
    • Arrays6 min read
    • Array Methods4 min read
    • String5 min read
    • String Methods8 min read
    Function & Object
    • Functions4 min read
    • Function Expression3 min read
    • Function Overloading4 min read
    • Objects4 min read
    • Constructors4 min read
    OOP
    • OOP5 min read
    • Classes & Objects4 min read
    • Access Modifiers5 min read
    • Constructor4 min read
    Asynchronous JavaScript
    • Asynchronous2 min read
    • Callbacks4 min read
    • Promises4 min read
    • Event Loop3 min read
    • Async Await Fuction3 min read
    Exception Handling
    • Error and Exceptional Handling5 min read
    • Errors Throw & Try to Catch2 min read
    • Custom Errors2 min read
    • TypeError Invalid Array.prototype.sort argument1 min read
    DOM
    • DOM8 min read
    • DOM Elements3 min read
    • Custom Events4 min read
    • Addeventlistener5 min read
    Advanced Topics
    • Closure3 min read
    • Hoisting5 min read
    • Scope4 min read
    • Higher Order Functions7 min read
    • Debugging3 min read
    Courses
    • Placement 360 Course2 min read
    • MERN Full Stack Course2 min read
    • DSA and System Design Course2 min read
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.