JavaScript: Convert a string to title case

JavaScript String: Exercise-34 with Solution

Write a JavaScript function to convert a string to title case.

Test Data:
console.log(sentenceCase('PHP exercises. python exercises.'));
"Php Exercises. Python Exercises."

Visual Presentation:

Sample Solution:

JavaScript Code:

// Define a function named sentenceCase that takes a string str as input
function sentenceCase (str) {
  // Check if the input string is null or empty
  if ((str===null) || (str===''))
       return false;
  else
   // Convert the input string to a string type
   str = str.toString();

 // Replace each word in the string with its first letter capitalized and the rest in lowercase
 return str.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
}

// Call the sentenceCase function with a test string and log the result to the console
console.log(sentenceCase('PHP exercises. python exercises.'));

Output:

Php Exercises. Python Exercises.

Explanation:

In the exercise above,

• The function "sentenceCase()" checks if the input string is null or empty. If so, it returns 'false'.
• If the input string is not null or empty, it is converted to a string type.
• The "replace()" method is used with a regular expression '\w\S*' to match each word in the string.
• For each match found, a callback function is invoked. Inside this function, the first character of the word is capitalized using "charAt(0).toUpperCase()", and the rest of the word is converted to lowercase using "substr(1).toLowerCase()".
• The modified words are then concatenated to form the final sentence.
• The function returns the modified sentence.

Flowchart:

Live Demo:

See the Pen JavaScript Convert a string to title case-string-ex-34 by w3resource (@w3resource) on CodePen.

Improve this sample solution and post your code through Disqus.

Previous: Write a JavaScript function to remove non-word characters.
Next: Write a JavaScript function to remove HTML/XML tags from string.