JavaScript – Convert String to Title Case
Last Updated : 26 Nov, 2024
Converting a string to title case means capitalizing the first letter of each word while keeping the remaining letters in lowercase. Here are different ways to convert string to title case in JavaScript.
1. Using for Loop
JavaScript for loop is used to iterate over the arguments of the function, and the characters are converted to Uppercase.
javascript function titleCase(s) { return s.toLowerCase() .split(' ') .map(word => word.charAt(0).toUpperCase() + word.slice(1)) .join(' '); } const s = "geeks for geeks"; let t = titleCase(s); console.log(t); 2. Using replace() Method
The replace() method is used to search a string for a value or any expression and replace it with the new value provided in the parameters. The original string remains same.
javascript function titleCase(str) { if ((str === null) || (str === '')) return false; else str = str.toString(); return str.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); }); } const s = "geeks for geeks"; let t = titleCase(s); console.log(t); 3. Using map() Method
The JavaScript map() method in JavaScript creates an array by calling a specific function on each element present in the parent array. It is a non-mutating method. Generally, the map() method is used to iterate over an array and calling function on every element of the array.
javascript function titleCase(str) { return str.toLowerCase().split(' ').map(function (word) { return (word.charAt(0).toUpperCase() + word.slice(1)); }).join(' '); } console.log(titleCase("converting string to titlecase")); OutputConverting String To Titlecase
4. Using reduce() method
The JavaScript arr.reduce() method in JavaScript is used to reduce the array to a single value and executes a provided function for each value of the array (from left-to-right) and the return value of the function is stored in an accumulator. But first we need to convert string into lowercase
JavaScript function titleCase(st) { return st.toLowerCase().split(" ").reduce((s, c) => s + "" + (c.charAt(0).toUpperCase() + c.slice(1) + " "), ''); } console.log(titleCase("converting string to titlecase")); OutputConverting String To Titlecase
5. Using forEach Loop
In this approach, the split method is used to split the string into an array of words. Then, the forEach loop iterates over each word. Inside the loop, each word is capitalized by converting the first character to uppercase and the remaining characters to lowercase
JavaScript const str = "geeks for geeks"; let titleCase = ""; str.split(" ").forEach(word => { const capitalizedWord = word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(); titleCase += capitalizedWord + " "; }); console.log(titleCase); 6. Using Regular Expressions
In this approach, we utilize regular expressions along with the split() method to split the string into words, then we capitalize the first letter of each word, and finally, we join the words back together to form the title case string.
JavaScript function titleCase(str) { return str.toLowerCase().replace(/(?:^|\s)\w/g, function(match) { return match.toUpperCase(); }); } console.log(titleCase("converting string to titlecase")); OutputConverting String To Titlecase
7. Using Lodash’s _.startCase() Method
Int his approach we use Lodash’s _.startCase method. This method converts the string to title case, which capitalizes the first letter of each word and converts the rest of the letters to lowercase.
Example: In this example we imports Lodash, defines a function toTitleCase that uses _.startCase to convert a string to title case, and prints “Welcome To Geeks For Geeks” to the console.
JavaScript // Import the Lodash library const _ = require('lodash'); function toTitleCase(str) { return _.startCase(str); } console.log(toTitleCase("welcome to geeks for geeks")); Output
Welcome To Geeks For Geeks
8. Using toLocaleLowerCase() and replace() with a Callback Function
In this approach, we will use the toLocaleLowerCase() method to convert the entire string to lowercase, and then use the replace() method with a callback function to capitalize the first letter of each word.
JavaScript function toTitleCase(str) { return str.toLocaleLowerCase().replace(/\b\w/g, function(char) { return char.toUpperCase(); }); } let sentence = "welcome to geeks for geeks"; console.log(toTitleCase(sentence)); OutputWelcome To Geeks For Geeks
Similar Reads
How to Get Character of Specific Position using JavaScript ?
Get the Character of a Specific Position Using JavaScript We have different approaches, In this article we are going to learn how to Get the Character of a Specific Position using JavaScript Below are the methods to get the character at a specific position using JavaScript: Table of Content Method 1
4 min read
Remove a Character From String in JavaScript
In JavaScript, a string is a group of characters. Strings are commonly used to store and manipulate text data in JavaScript programs, and removing certain characters is often needed for tasks like: Removing unwanted symbols or spaces.Keeping only the necessary characters.Formatting the text.Methods
3 min read
Reverse a String in JavaScript
We have given an input string and the task is to reverse the input string in JavaScript. Using split(), reverse() and join() MethodsThe split() method divides the string into an array of characters, reverse() reverses the array, and join() combines the reversed characters into a new string, effectiv
1 min read
JavaScript - Convert String to Title Case
Converting a string to title case means capitalizing the first letter of each word while keeping the remaining letters in lowercase. Here are different ways to convert string to title case in JavaScript. 1. Using for LoopJavaScript for loop is used to iterate over the arguments of the function, and
4 min read
JavaScript - Sort an Array of Strings
Here are the various methods to sort an array of strings in JavaScript 1. Using Array.sort() MethodThe sort() method is the most widely used method in JavaScript to sort arrays. By default, it sorts the strings in lexicographical (dictionary) order based on Unicode values. [GFGTABS] JavaScript let a
3 min read
How to Convert String to Camel Case in JavaScript?
We will be given a string and we have to convert it into the camel case. In this case, the first character of the string is converted into lowercase, and other characters after space will be converted into uppercase characters. These camel case strings are used in creating a variable that has meanin
4 min read
Extract a Number from a String using JavaScript
We will extract the numbers if they exist in a given string. We will have a string and we need to print the numbers that are present in the given string in the console. Below are the methods to extract a number from string using JavaScript: Table of Content Using JavaScript match method with regExUs
4 min read
JavaScript - Delete First Character of a String
To delete the first character of a string in JavaScript, you can use several methods. Here are some of the most common ones Using slice()The slice() method is frequently used to remove the first character by returning a new string from index 1 to the end. [GFGTABS] JavaScript let s1 = "Geeksfor
1 min read
JavaScript - How to Get Character Array from String?
Here are the various methods to get character array from a string in JavaScript. 1. Using String split() MethodThe split() Method is used to split the given string into an array of strings by separating it into substrings using a specified separator provided in the argument. [GFGTABS] JavaScript let
2 min read
JavaScript - How To Get The Last Caracter of a String?
Here are the various approaches to get the last character of a String using JavaScript. 1. Using charAt() Method (Most Common)The charAt() method retrieves the character at a specified index in a string. To get the last character, you pass the index str.length - 1. [GFGTABS] JavaScript const s =
3 min read