Capitalize the First Letter of Each Word in Array in JS

Capitalize the First Letter of Each Word in Array #

To capitalize the first letter of each word in an array:

1. Use the map() method to iterate over the array.
2. On each iteration, use the toUpperCase() method on the first character of the word and concatenate the rest.
3. The map method will return a new array with all words capitalized.

Copied!
function capitalizeWords(arr) {
  return arr.map(element => {
    return element.charAt(0).toUpperCase() + element.substring(1).toLowerCase();
  });
}

// 👇️ ['Hello', 'World']
console.log(capitalizeWords(['hello', 'world']));

// 👇️ ['One', 'Two', 'Three']
console.log(capitalizeWords(['one', 'two', 'three']));

We created a reusable function that capitalizes the first letter of each array element.

The function we passed to the Array.map method gets called with each element (word) in the array.

On each iteration, we access the character at index 0 and convert it to uppercase, using the String.toUpperCase method.

The last step is to take the rest of the string and add it to the capitalized first character.

The only parameter we passed to the String.substring method is the start index - the index at which we start extraction of characters.

Because we know that the index of the first character in the string is 0, we pass 1 as a parameter to the substring method.

Our function does not change the contents of the original array. It returns a new array instead.

Further Reading #

• Check if a Character is a Number using JavaScript
• Remove the First Word from a String in JavaScript