- JavaScript Basics
- JavaScript Tutorial
- JavaScript: where to write
- JavaScript: how to display
- JavaScript: keywords
- JavaScript: comments
- JavaScript: variables
- JavaScript: operators
- JavaScript: data types
- JavaScript Conditional Statements
- JavaScript: if-else
- JavaScript: switch
- JavaScript: for loop
- JavaScript: while loop
- JavaScript: do-while loop
- JavaScript: break and continue
- JavaScript Popup Boxes
- JavaScript: alert box
- JavaScript: confirm box
- JavaScript: prompt box
- JavaScript Popular Topics
- JavaScript: functions
- JavaScript: innerHTML
- JavaScript: getElementById()
- JavaScript: getElementsByClassName()
- JavaScript: getElementsByName()
- JavaScript: getElementsByTagName()
- JavaScript: querySelector()
- JavaScript: querySelectorAll()
- JavaScript: document.write()
- JavaScript: console.log()
- JavaScript: boolean
- JavaScript: events
- JavaScript: Math object
- JavaScript: Math.random()
- JavaScript: Number()
- JavaScript: parseInt()
- JavaScript: parseFloat()
- JavaScript Arrays
- JavaScript: array
- JavaScript: find length of array
- JavaScript: add element at beginning
- JavaScript: add element at end
- JavaScript: remove first element
- JavaScript: remove last element
- JavaScript: get first index
- JavaScript: get last index
- JavaScript: reverse an array
- JavaScript: sort an array
- JavaScript: concatenate arrays
- JavaScript: join()
- JavaScript: toString()
- JavaScript: from()
- JavaScript: check if value exists
- JavaScript: check if array
- JavaScript: slice an array
- JavaScript: splice()
- JavaScript: find()
- JavaScript: findIndex()
- JavaScript: entries()
- JavaScript: every()
- JavaScript: fill()
- JavaScript: filter()
- JavaScript: forEach()
- JavaScript: map()
- JavaScript Strings
- JavaScript: string
- JavaScript: length of string
- JavaScript: convert to lowercase
- JavaScript: convert to uppercase
- JavaScript: string concatenation
- JavaScript: search()
- JavaScript: indexOf()
- JavaScript: search() vs. indexOf()
- JavaScript: match()
- JavaScript: match() vs. search()
- JavaScript: replace()
- JavaScript: toString()
- JavaScript: String()
- JavaScript: includes()
- JavaScript: substr()
- JavaScript: slice string
- JavaScript: charAt()
- JavaScript: repeat()
- JavaScript: split()
- JavaScript: charCodeAt()
- JavaScript: fromCharCode()
- JavaScript: startsWith()
- JavaScript: endsWith()
- JavaScript: trim()
- JavaScript: lastIndexOf()
- JavaScript Date and Time
- JavaScript: date and time
- JavaScript: Date()
- JavaScript: getFullYear()
- JavaScript: getMonth()
- JavaScript: getDate()
- JavaScript: getDay()
- JavaScript: getHours()
- JavaScript: getMinutes()
- JavaScript: getSeconds()
- JavaScript: getMilliseconds()
- JavaScript: getTime()
- JavaScript: getUTCFullYear()
- JavaScript: getUTCMonth()
- JavaScript: getUTCDate()
- JavaScript: getUTCDay()
- JavaScript: getUTCHours()
- JavaScript: getUTCMinutes()
- JavaScript: getUTCSeconds()
- JavaScript: getUTCMilliseconds()
- JavaScript: toDateString()
- JavaScript: toLocaleDateString()
- JavaScript: toLocaleTimeString()
- JavaScript: toLocaleString()
- JavaScript: toUTCString()
- JavaScript: getTimezoneOffset()
- JavaScript: toISOString()
- JavaScript Regular Expression
- JavaScript: regular expression
- JavaScript: RegEx . (dot)
- JavaScript: RegEx \w and \W
- JavaScript: RegEx \d and \D
- JavaScript: RegEx \s and \S
- JavaScript: RegEx \b and \B
- JavaScript: RegEx \0
- JavaScript: RegEx \n
- JavaScript: RegEx \xxx
- JavaScript: RegEx \xdd
- JavaScript: RegEx quantifiers
- JavaScript: RegEx test()
- JavaScript: RegEx lastIndex
- JavaScript: RegEx source
- JavaScript Programs
- JavaScript Programs
JavaScript reverse(): Reverse an Array
The JavaScript reverse() method is used to reverse an array. For example:
<!DOCTYPE html>
<html>
<body>
<p id="xyz"></p>
<script>
const cities = ["Tokyo", "Bangkok", "Dubai", "Berlin", "London"];
cities.reverse();
document.getElementById("xyz").innerHTML = cities;
</script>
</body>
</html>As you can see that this code is an example of using the reverse() method in JavaScript to reverse the order of elements in an array.
The code defines an array cities that contains five string elements. The reverse() method is then called on the cities array, which reverses the order of the elements in the array in-place.
Finally, the innerHTML property of the HTML element with id="xyz" is set to the reversed cities array, which is then displayed on the web page.
In this specific example, the original array ["Tokyo", "Bangkok", "Dubai", "Berlin", "London"] is reversed to ["London", "Berlin", "Dubai", "Bangkok", "Tokyo"], which is then displayed on the web page.
JavaScript reverse() syntax
The syntax of the reverse() method in JavaScript is:
array.reverse()
JavaScript reverse() example
Here is an example of the reverse() method that shows how we can use this method to reverse any array:
<!DOCTYPE html>
<html>
<body>
<p>Original Array:-<br><span id="original"></span></p>
<p>Array after Reverse:-<br><span id="reverse"></span></p>
<script>
const x = ["Tokyo", "Bangkok", "Dubai", "Berlin", "London"];
document.getElementById("original").innerHTML = x;
x.reverse();
document.getElementById("reverse").innerHTML = x;
</script>
</body>
</html>Original Array:-
Array after Reverse:-
The code defines an array of strings called "x" with 5 elements. It then displays the original array and the array after it has been reversed on an HTML page using the getElementById() and innerHTML properties. The reverse() method is called on the array x which reverses the order of its elements. The original array and the reversed array are displayed using the innerHTML property.
« Previous Tutorial Next Tutorial »