When I try to reverse the words in a string, I am not receiving the desired order

Question

When I try to reverse the words in a string, I am not receiving the desired order

Currently delving into TypeScript, I have set myself the task of crafting a function that takes in a string parameter and reverses each word within the string.

Here is what I aim to achieve with my output:

"This is an example!" ==> "sihT si na !elpmaxe"

The solution I've concocted involves steering clear of built-in methods.

export function reverseWords(str: string): string {
  var newStr = "";
  str.split("");
  for(var i = str.length -1; i >= 0; i--){
    newStr += str[i];
  }
  return newStr;
}

reverseWords("Hi. How are you?")

However, this code yields the following result:

 "This is an example!" ==> !elpmaxe na si sihT

What I am actually striving for is:

 "This is an example!" ==> "sihT si na !elpmaxe"

If anyone could shed some light on where I may be going awry, it would be greatly appreciated.

javascript string typescript loops for-loop

Answer 1

Answer №1

While your function is effective, it currently reverses the entire string instead of just the words within it. To address this, consider incorporating an additional function that utilizes your existing function to specifically reverse individual words:

export function reverseStringWords(str: string): string {
    var words = str.split(" ");
    var revWords = words.map(function(word){
        return reverseWords(word);    
    });
    return revWords.join(" ");
}

To enhance clarity and coherence within the code, you might want to rename your function as reverseWord. This adjustment will offer a more intuitive label in the given context.

Answer 2

While your function is effective, it currently reverses the entire string instead of just the words within it. To address this, consider incorporating an additional function that utilizes your existing function to specifically reverse individual words:

export function reverseStringWords(str: string): string {
    var words = str.split(" ");
    var revWords = words.map(function(word){
        return reverseWords(word);    
    });
    return revWords.join(" ");
}

To enhance clarity and coherence within the code, you might want to rename your function as reverseWord. This adjustment will offer a more intuitive label in the given context.

Answer 3

Answer №2

If you don't wish to reverse the entire string, but instead reverse each word within the string while maintaining their relative positions, you can achieve this by first splitting the string by spaces and then reversing each substring:

const reverse = str => str
  .split(' ')
  .map(word => [...word].reverse().join(''))
  .join(' ');
console.log(reverse("This is an example!"));

Alternatively, if you prefer a manual approach, assuming that the use of split is acceptable:

const reverse = str => {
  const words = str.split(' ');
  const outWords = [];
  for (const word of words) {
    let letter = '';
    for (let i = word.length - 1; i >= 0; i--) {
      letter += word[i];
    }
    outWords.push(letter);
  }
  return outWords.join(' ');
};
console.log(reverse("This is an example!"));

Answer 4

If you don't wish to reverse the entire string, but instead reverse each word within the string while maintaining their relative positions, you can achieve this by first splitting the string by spaces and then reversing each substring:

const reverse = str => str
  .split(' ')
  .map(word => [...word].reverse().join(''))
  .join(' ');
console.log(reverse("This is an example!"));

Alternatively, if you prefer a manual approach, assuming that the use of split is acceptable:

const reverse = str => {
  const words = str.split(' ');
  const outWords = [];
  for (const word of words) {
    let letter = '';
    for (let i = word.length - 1; i >= 0; i--) {
      letter += word[i];
    }
    outWords.push(letter);
  }
  return outWords.join(' ');
};
console.log(reverse("This is an example!"));

When I try to reverse the words in a string, I am not receiving the desired order

Answer №1

Answer №2

Similar questions

The system is unable to locate a supporting entity with the identifier '[object Object]', as it is classified as an 'object'

Unsure about the approach to handle this PHP/JSON object in Javascript/jQuery

When displaying a collection of components, clicking a button will always select the most recent element in the array

Troubles encountered with example code: Nested class in an exported class - Integrating Auth0 with React and Node.js

The Jquery append function is limited to the initial ajax request, necessitating a page refresh in order to populate another div with the desired

Implementing real-time streaming communication between server and client with Node.js Express

The function client.guilds.find cannot be located

Trouble with basic JavaScript functionality in a React component

Moving the Promise.all feature from AngularJs to VueJs

Bootstrap5: Left-aligned Navigation Bar Pills and Right-aligned Text

Protractor unable to locate elements using by.repeater

Can VueJS support multiple v-slots in a component?

What is the procedure for renaming an item within a basic array in Angular?

Stencil - React Integration Does Not Support Global CSS Styling

Is it possible for a popup to appear without any user interaction

Conflicting Transformation Properties Causing CSS Issues Within a Single Element

Concealing alert messages automatically in CodeIgniter PHP after a certain amount of time

Fetch data dynamically upon scrolling using an AJAX request

Next.js is throwing a TypeError because it does not recognize the function fs.readFileSync

Steps for creating a click event for text within an Ag-Grid cell