How to Reverse and Capitalize a String in JavaScript

Learn how to create a JavaScript function that reverses a string and capitalizes the first letter of each word, providing a step-by-step guide to mastering string manipulation.
---
This video is based on the question https://stackoverflow.com/q/72036259/ asked by the user 'Arka Bhattacharjee' ( https://stackoverflow.com/u/2922620/ ) and on the answer https://stackoverflow.com/a/72036307/ provided by the user 'Shiv' ( https://stackoverflow.com/u/16836810/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: JavaScript String Reverse and Capitalized

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/licensing
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/by-sa/4.0/ ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/by-sa/4.0/ ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Reverse and Capitalize a String in JavaScript

When working with strings in JavaScript, it’s not uncommon to encounter the need for manipulating text in creative ways. One such challenge is to reverse a string while also capitalizing the first letter of each word within that string. In this guide, we will outline a simple approach to achieve this using JavaScript.

The Problem

Suppose we have a string like "looking for opportunities" and we want to both reverse it to get "seitinutroppO roF gnikooL" and ensure that the first letter of each word is capitalized. The initial effort to reverse the string might lead us to use the popular solution: ar.split('').reverse().join(''), but the added requirement of capitalization can complicate matters.

The Solution

To tackle this problem, we can break our solution into two main steps: capitalizing the first letter of each word and then reversing the entire string. Let’s go through each of these steps in detail.

Step 1: Capitalize First Letters

To capitalize the first letter of each word in a string, we can use a regular expression along with the replace method. Here's how this works:

Regex Explanation:

\w matches any alphanumeric character (letters and digits).

\S* matches the rest of the characters in the word until a space.

Together, they help us target each word in the string.

Code Implementation:
Here’s how you can perform this capitalization in JavaScript:

[[See Video to Reveal this Text or Code Snippet]]

Step 2: Reverse the String

Next, we can reverse the string using the previously mentioned method after the capitalizations have been made. This is straightforward:

[[See Video to Reveal this Text or Code Snippet]]

These two snippets combined will yield the desired effect where we first capitalize and then reverse the original string.

Full Code Example

Combining both steps together, here’s the complete function you can use:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

In this guide, we've demonstrated how to craft a JavaScript function that not only reverses a string but also ensures that the first letter of each word is capitalized. Mastering these string manipulations can enhance how you handle text in your JavaScript projects. Give it a try and see how you can apply these techniques to your own strings!

Видео How to Reverse and Capitalize a String in JavaScript канала vlogize