w3resource

JavaScript: Reverse words in a given string

JavaScript String: Exercise-60 with Solution

Write a JavaScript function to reverse words in a given string.
Test Data:
("abc") -> "cba"
("JavaScript Exercises") -> "tpircSavaJ sesicrexE"
(1234) -> "It must be a string."

Sample Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JavaScript function to reverse words in a given string</title>
</head>
<body>

</body>
</html>

JavaScript Code:

function test(text) {
   if (text.length === 0) 
    {
    return 'String should not be empty!'
     }
   if (typeof text !== 'string')
     {
       return 'It must be a string.'
     }
   var words = [];
  words = text.match(/\S+/g);
  var reverse_word = "";
  for (var i = 0; i < words.length; i++) {
     reverse_word += words[i].split('').reverse().join('') + " ";
  }
  return reverse_word
}
console.log(test("abc"))
console.log(test("JavaScript Exercises"))
console.log(test(1234))

Sample Output:

cba 
tpircSavaJ sesicrexE 
It must be a string.

Flowchart:

Flowchart: JavaScript: Reverse words in a given string

Live Demo:

See the Pen javascript-string-exercise-60 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Find the most frequent word in a string.
Next: Javascript regexp Exercises

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Share this Tutorial / Exercise on : Facebook and Twitter

JavaScript: Tips of the Day

function and arguments

const person = {
  name: 'Lydia Hallie',
  hobbies: ['coding'],
};

function addHobby(hobby, hobbies = person.hobbies) {
  hobbies.push(hobby);
  return hobbies;
}

addHobby('running', []);
addHobby('dancing');
addHobby('baking', person.hobbies);

console.log(person.hobbies);

The addHobby function receives two arguments, hobby and hobbies with the default value of the hobbies array on the person object.
First, we invoke the addHobby function, and pass "running" as the value for hobby and an empty array as the value for hobbies. Since we pass an empty array as the value for y, "running" gets added to this empty array.
Then, we invoke the addHobby function, and pass "dancing" as the value for hobby. We didn't pass a value for hobbies, so it gets the default value, the hobbies property on the person object. We push the hobby dancing to the person.hobbies array.
Last, we invoke the addHobby function, and pass "bdaking" as the value for hobby, and the person.hobbies array as the value for hobbies. We push the hobby baking to the person.hobbies array.
After pushing dancing and baking, the value of person.hobbies is ["coding", "dancing", "baking"]

Ref: https://bit.ly/2Hcpkm6