JS function to reverse a string

Question

JS function to reverse a string

Not to worry, I've managed to figure out how to reverse a string (a one-word string at least).

> function reverse(s){
>     return s.split("").reverse().join(""); }

Is there a way to reverse a string in this manner:

"Dady come home" -> "ydaD emoc emoh"

or for example:

('double  spaced  words') === 'elbuod  decaps  sdrow');

I've spent a few hours today trying to solve this because I'm learning, any tips would be greatly appreciated! Thank you!

Kindly refrain from providing a full reply with code. :) I'm just looking for some helpful hints.

javascript arrays string reverse

Answer 1

Answer №1

Divide the sentence into individual words at each space using word.split(' ')

After that, go through each word and reverse its order with x.split('').reverse().join(''); (which you've already figured out :D) I implemented this using .map() instead of a for loop, as it is cleaner -- you can learn more about the .map() method at: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

Once all the words have been reversed, combine them back into a string strArray.join(' '); using an empty space to reconnect them.

var str1 = "Hello";
var str2 = "Daddy come home";
var str3 = "double  spaced  words";

function reverseWords( word ){

  let output = '';
  
  // Split words based on spaces
  let subStrArray = word.split(' ');
  
  // Reverse each word
  let updatedStrArray = subStrArray.map( (x) => {
    let result = '';
    if( x ){
      result = x.split('').reverse().join('');
    }
    return result;
  });
  
  // Combine back into a string
  output = updatedStrArray.join(' ');
  
  console.log( output );
  
  return output;

}

let rev1 = reverseWords( str1 );
let rev2 = reverseWords( str2 );
let rev3 = reverseWords( str3 );

// Testing forward and backward transformation ...
reverseWords( rev1 );
reverseWords( rev2 );
reverseWords( rev3 );

Answer 2

Divide the sentence into individual words at each space using word.split(' ')

After that, go through each word and reverse its order with x.split('').reverse().join(''); (which you've already figured out :D) I implemented this using .map() instead of a for loop, as it is cleaner -- you can learn more about the .map() method at: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

Once all the words have been reversed, combine them back into a string strArray.join(' '); using an empty space to reconnect them.

var str1 = "Hello";
var str2 = "Daddy come home";
var str3 = "double  spaced  words";

function reverseWords( word ){

  let output = '';
  
  // Split words based on spaces
  let subStrArray = word.split(' ');
  
  // Reverse each word
  let updatedStrArray = subStrArray.map( (x) => {
    let result = '';
    if( x ){
      result = x.split('').reverse().join('');
    }
    return result;
  });
  
  // Combine back into a string
  output = updatedStrArray.join(' ');
  
  console.log( output );
  
  return output;

}

let rev1 = reverseWords( str1 );
let rev2 = reverseWords( str2 );
let rev3 = reverseWords( str3 );

// Testing forward and backward transformation ...
reverseWords( rev1 );
reverseWords( rev2 );
reverseWords( rev3 );

Answer 3

Answer №2

To start, divide the string by spaces and then flip each word around

 string.split` `.map(a=>[...a].reverse().join``).join` `

var string = "Hello there";
console.log(string.split` `.map(a=>[...a].reverse().join``).join` `)

Answer 4

To start, divide the string by spaces and then flip each word around

 string.split` `.map(a=>[...a].reverse().join``).join` `

var string = "Hello there";
console.log(string.split` `.map(a=>[...a].reverse().join``).join` `)

Answer 5

Answer №3

To separate the text into individual words, employ a regular expression that identifies consecutive spaces, such as /(\s+)/. Following this, you'll obtain an array of words and can apply either Array.prototype.map (or a loop) to invert each word one by one, then utilize Array.prototype.join to generate the ultimate outcome.

Answer 6

To separate the text into individual words, employ a regular expression that identifies consecutive spaces, such as /(\s+)/. Following this, you'll obtain an array of words and can apply either Array.prototype.map (or a loop) to invert each word one by one, then utilize Array.prototype.join to generate the ultimate outcome.

JS function to reverse a string

Answer №1

Answer №2

Answer №3

Similar questions

Is there someone who can assist me in transferring data from an Axios JSON response to plot points on a line chart using Chart js?

Struggling to make jQuery code function in an external file without causing clashes with additional jQuery code

Dynamic user group system that leverages Ajax technology for seamless integration with an HTML interface, powered by PHP and

Firestore - Safely removing a large number of documents without running into concurrency problems

PHP: display item from array based on its value rather than its array index

Tips on saving a form submit button data to localStorage

Double the Power of jQuery Live Search with Two Implementations on a Single Website

Using TypeScript to Verify the Existence of Words in a String

Adding color between lines in Three.js

Heroku deployment failed: Push rejected due to lack of a Cedar-supported application

Step-by-step guide for implementing a scroll event on FancyBox

Why is it that my JQuery sliders appear perfectly fine when viewed locally, but fail to show up when accessed on

The functionality of Jquery appears to be malfunctioning on the Drupal platform, although it performs

Send an array from PHP to jQuery using AJAX, then send the array back from jQuery to PHP

Exponential calculator in Javascript

"Troubleshooting: Issues with Ajax's .load() function disrupting

Determine in Jquery if all the elements in array 2 are being utilized by array 1

Preventing a sprite from going beyond the boundaries of a canvas with pure JavaScript - here's how!

How can I designate a default value for a variable within a prop in a Vue.Js component?

Custom Email Template for Inviting Msgraph Users