Boeken
JavaScript
Hoofdstuk 2. Strings
Een string met hoofdletters maken

JavaScript:
Een string met hoofdletters maken

Hoe doe je het:

JavaScript heeft geen ingebouwde methode om te kapitaliseren, maar hier is een eenvoudige functie die het voor elkaar krijgt:

function capitalizeFirstLetter(string) {
    return string.charAt(0).toUpperCase() + string.slice(1);
}

console.log(capitalizeFirstLetter('hallo')); // Output: Hallo

Voor meerdere woorden:

function capitalizeWords(str) {
    return str.split(' ').map(capitalizeFirstLetter).join(' ');
}

console.log(capitalizeWords('hallo wereld!')); // Output: Hallo Wereld!

Diepgaand

Het kapitaliseren van strings had niet altijd ingebouwde functies in talen en omvatte vaak handmatige ASCII-manipulatie. Tegenwoordig bieden de meeste programmeertalen methoden voor stringmanipulatie, maar JavaScript vereist een meer doe-het-zelf aanpak.

Alternatieven:

Je zou CSS kunnen gebruiken om tekst op webpagina’s te kapitaliseren (text-transform: capitalize;), of bibliotheken zoals Lodash hebben kapitaliseerfuncties. Maar het doen met zuiver JavaScript, zoals hierboven getoond, heeft geen afhankelijkheden.

Implementatie Details:

charAt(0) pakt het eerste karakter. toUpperCase() maakt het een hoofdletter. Dit combineren met de rest van de string slice(1) geeft je een gekapitaliseerde string. Deze methode werkt goed ervan uitgaande dat de invoer een string is en niet begint met een spatie.

Zie Ook:

Samenvoegen van strings