w3resource

JavaScript: Make capitalize the first letter of each word in a string

JavaScript String: Exercise-9 with Solution

Write a JavaScript function to capitalize the first letter of each word in a string.

Test Data:
console.log(capitalize_Words('js string exercises'));
"Js String Exercises"

Pictorial Presentation:

JavaScript: Make capitalize the first letter of each word in a string

Sample Solution:-

HTML Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Make capitalize the first letter of each word in a string</title>
</head>
<body>
</body>
</html>

JavaScript Code:

//capitalize_Words 
function capitalize_Words(str)
{
 return str.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
}
console.log(capitalize_Words('js string exercises'));

Sample Output:

Js String Exercises

Flowchart:

Flowchart: JavaScript- Make capitalize the first letter of each word in a string

Live Demo:

See the Pen JavaScript Make capitalize the first letter of each word in a string - string-ex-9 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript function to capitalize the first letter of a string.
Next: Write a JavaScript function that takes a string which has lower and upper case letters as a parameter and converts upper case letters to lower case, and lower case letters to upper case.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



JavaScript: Tips of the Day

var functionName = function() {} vs function functionName() {}

The difference is that functionOne is a function expression and so only defined when that line is reached, whereas functionTwo is a function declaration and is defined as soon as its surrounding function or script is executed (due to hoisting).

For example, a function expression:

// TypeError: functionOne is not a function
functionOne();

var functionOne = function() {
  console.log("Hello!");
};

Historically, function declarations defined within blocks were handled inconsistently between browsers. Strict mode (introduced in ES5) resolved this by scoping function declarations to their enclosing block.

'use strict';    
{ // note this block!
  function functionThree() {
    console.log("Hello!");
  }
}
functionThree(); // ReferenceError

Ref: https://bit.ly/2zMAj1O