Capitalize First Letter in an Array of Element Using JavaScript map()

Capitalizing the first letter in an array element using JavaScript's map() method involves transforming each element by modifying its first character to uppercase. The map() function iterates over the array, applying the transformation to each element, and returning a new array with updated values.

Here we have a basic example:

Input: = ['javascript', 'html', 'css'];
Output: = ['Javascript', 'Html', 'Css'];

Example 1: Capitalizing the First Letter of Each Word

In this example, we iterate through each element in the fruits array, capitalize the first letter, and combine it with the rest of the word. The resulting array contains the capitalized fruit names.

const fruits = ['apple', 'banana', 'cherry', 'date'];
const capitalizedFruits = fruits.map(fruit => {
    return fruit.charAt(0).toUpperCase() + fruit.slice(1);
});

console.log(capitalizedFruits);

[ 'Apple', 'Banana', 'Cherry', 'Date' ]

Example 2: Capitalizing Each Word in an Array of Sentences

In this example we takes an array of sentences, splits each sentence into words, capitalizes the first letter of each word, and then rejoins the words, returning an array of capitalized sentences.

const sentences = ['hello world', 'javascript is fun', 'coding is creative'];
const capitalizedSentences = sentences.map(sentence => {
    return sentence
        .split(' ') // Split the sentence into individual words
        .map(word => word.charAt(0).toUpperCase() + word.slice(1)) // Capitalize each word
        .join(' '); // Join the words back together into a sentence
});

console.log(capitalizedSentences);

[ 'Hello World', 'Javascript Is Fun', 'Coding Is Creative' ]

We have a Cheat Sheet on Javascript where we covered all the important topics of Javascript to check those please go through Javascript Cheat Sheet-A Basic guide to JavaScript.