[Edit]

JavaScript - first letter of each word uppercase

1 contributors

2 contributions

0 discussions

0 points

Created by:

ArcadeParade

666

In this article, we would like to show you how to make the first letter of each word uppercase in JavaScript.

Quick solution:

xxxxxxxxxx
 
var text = 'this is example text...';
​
const array = text.split(' ');
​
for (let x = 0; x < array.length; ++x) {
    array[x] = array[x].charAt(0).toUpperCase() + array[x].slice(1);
}
var result = array.join(' ');
​
console.log(result);

Auto running

Practical example

Edit

In this example, we make the first letter of each word uppercase using:

split() method split the text into an array of separate words,
charAt() method with toUpperCase() to uppercase the first letter of each word,
slice() method to get the rest of the word - without the first letter, so we can add it to the uppercase letter.
join() method to convert the array back to the string.

xxxxxxxxxx
 
function uppercase(text) {
    var array = text.split(' ');
​
    for (var x = 0; x < array.length; ++x) {
        array[x] = array[x].charAt(0).toUpperCase() + array[x].slice(1);
    }
    return array.join(' ');
}
​
​
// Usage example:
​
console.log(uppercase('this is example text...'));

Auto running

Output:

xxxxxxxxxx
 
This Is Example Text...

Modern syntax - reusable arrow function

Edit

In this section, we present a solution that is equal to the above one but written in modern syntax.

xxxxxxxxxx
 
const uppercase = (text) => {
    const array = text.split(' ');
​
    for (let x = 0; x < array.length; ++x) {
        array[x] = array[x].charAt(0).toUpperCase() + array[x].slice(1);
    }
    return array.join(' ');
};
​
​
// Usage example:
​
console.log(uppercase('this is example text...'));