The JavaScript Array.prototype.toReversed() method is a convenient way to create a new array that is the reverse of the original array. Unlike the reverse() method, which mutates the original array, toReversed() returns a new array, leaving the original array unchanged.
Syntax
let newArr = array.toReversed();
Parameters
The toReversed() method does not take any parameters.
Return Value
Value | Description |
---|---|
Array | Returns a new array that is the reverse of the original array. |
Example 1: Basic Reversal
This code demonstrates how to use the toReversed() method to reverse a simple array of numbers.
let arr = [1, 2, 3, 4, 5]; let reversedArr = arr.toReversed(); console.log("Original Array: ", arr); console.log("Reversed Array: ", reversedArr);
Output:
Original Array: [1, 2, 3, 4, 5]
Reversed Array: [5, 4, 3, 2, 1]
Example 2: Reversing an Array of Strings
This code shows how to reverse an array of strings using the toReversed() method.
let arr = ["apple", "banana", "cherry"]; let reversedArr = arr.toReversed(); console.log("Original Array: ", arr); console.log("Reversed Array: ", reversedArr);
Output:
Original Array: ["apple", "banana", "cherry"]
Reversed Array: ["cherry", "banana", "apple"]
Example 3: Reversing an Array with Mixed Data Types
This code demonstrates how the toReversed() method handles an array with mixed data types.
let arr = [1, "two", 3, "four"]; let reversedArr = arr.toReversed(); console.log("Original Array: ", arr); console.log("Reversed Array: ", reversedArr);
Output:
Original Array: [1, "two", 3, "four"]
Reversed Array: ["four", 3, "two", 1]
Example 4: Nested Arrays
This code shows how to reverse an array that contains nested arrays.
let arr = [[1, 2], [3, 4], [5, 6]]; let reversedArr = arr.toReversed(); console.log("Original Array: ", arr); console.log("Reversed Array: ", reversedArr);
Output:
Original Array: [[1, 2], [3, 4], [5, 6]]
Reversed Array: [[5, 6], [3, 4], [1, 2]]
Example 5: Using toReversed() with Empty Array
This code demonstrates the behavior of toReversed() when used with an empty array.
let arr = []; let reversedArr = arr.toReversed(); console.log("Original Array: ", arr); console.log("Reversed Array: ", reversedArr);
Output:
Original Array: []
Reversed Array: []
Supported Browsers
Chrome | Edge | Firefox | Opera | Safari |
---|---|---|---|---|
110 | 110 | 115 | 96 | 16 |