w3resource

JavaScript: Reverse a given string

JavaScript Basic: Exercise-48 with Solution

Write a JavaScript program to reverse a given string.

Pictorial Presentation:

JavaScript: Reverse a given string

Sample Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JavaScript program to reverse a given string.</title>
</head>
<body>

</body>
</html>

JavaScript Code:

function string_reverse(str) 
{
    return str.split("").reverse().join("");
}

console.log(string_reverse("w3resource"));
console.log(string_reverse("www"));
console.log(string_reverse("JavaScript"));

Sample Output:

ecruoser3w
www
tpircSavaJ

Flowchart:

Flowchart: JavaScript - Reverse a given string

ES6 Version:

function string_reverse(str) 
{
    return str.split("").reverse().join("");
}

console.log(string_reverse("w3resource"));
console.log(string_reverse("www"));
console.log(string_reverse("JavaScript"));

Live Demo:

See the Pen JavaScript - Reverse a string - basic-ex-48 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to check if a number in the range 40..10000 presents in two number (in same range).
Next: Write a JavaScript program to replace every character in a given string with the character following it in the alphabet.

What is the difficulty level of this exercise?



JavaScript: Tips of the Day

Parameter's value

function getItems(fruitList, ...args, favoriteFruit) {
  return [...fruitList, ...args, favoriteFruit]
}

getItems(["banana", "apple"], "pear", "orange")

...args is a rest parameter. The rest parameter's value is an array containing all remaining arguments, and can only be the last parameter! In this example, the rest parameter was the second parameter. This is not possible, and will throw a syntax error.

function getItems(fruitList, favoriteFruit, ...args) {
  return [...fruitList, ...args, favoriteFruit];
}


getItems(['banana', 'apple'], 'pear', 'orange');
The above example works. This returns the array [ 'banana', 'apple', 'orange', 'pear' ].

Ref: https://bit.ly/3jFRBje