Velké první písmeno každého slova v řetězci [JavaScript]

Tento krátký článek vám ukáže, jak velká písmena první písmeno v řetězci nebo všechna slova v řetězci (velká písmena v názvu ) v programovacím jazyce javascript.

Změnit první písmeno v řetězci velkým písmenem je užitečné, pokud píšete velkým písmenem jedno slovo nebo celou větu, kterou chcete zobrazit gramaticky správným způsobem.

Převod řetězce na velká písmena v názvu – to je místo, kde je každé slovo velké v řetězci s více slovy – je užitečné pro formátování textu pro použití v článku nebo názvu stránky.

Velké první písmeno v řetězci

Za prvé, zde je návod, jak použít velké pouze první písmeno v řetězci.

Tento příklad je poskytován jako znovu použitelná funkce ke zkopírování a vložení do kódu a zprovoznění.

// Reusable function to capitalize first letter in a string
function capitalizeFirst(str) {
    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
}

// Testing the above function
console.log(capitalizeFirstLetter('foo')); // Will print 'Foo'

Co se tedy děje výše? Nejprve první znak (na indexu 0 ) se načte z řetězce pomocí charAt() a vytvořena velká písmena pomocí toUpperCase() metoda.

Poté se spojí se zbytkem řetězce, nakrájí se na indexu 1 k odstranění prvního znaku (takže se neduplikuje, protože první znak je již velký). Nakonec, pro dobré měřítko, je zbytek řetězce převeden naLowerCase() v případě, že tomu tak již nebylo.

Snadné!

Velké první písmeno každého slova v řetězci (velká písmena)

Zde je návod, jak používat velká písmena každý slovo v řetězci – to je první písmeno každé řady znaků oddělené mezerou.

V této funkci se toho děje trochu víc, takže komentář nechám v kódu, místo abych to vysvětloval na konci.

// Reusable function to capitalize first letter of every word in a string
function titlecase(str) {

    // Split the string at each space.  This will create an array containing each word in the string.
    var splitStr = str.toLowerCase().split(' '); 

    // Loop through the words in the string 
    for (var i = 0; i < splitStr.length; i++) {
        // Capitalize the first word in each using the same method as in the previous example
        // The result replaces the original word in the splitStr array
        splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);     
    }

    // Join the now-capitalized words in the array back into a single string, separated by spaces, and return it
    return splitStr.join(' '); 
}

// Testing the above function
console.log(titlecase('foo bar')); // Will print 'Foo Bar'

Použití CSS pro titulky

Pokud chcete text pouze naformátovat pro zobrazení, můžete použít CSS k zobrazení řetězce v nadpisu, aniž byste jej museli zpracovávat pomocí JavaScriptu:

<style>
    .titlecase {
        text-transform: capitalize;
    }
</style>

<p class="titlecase">capitalize me!</p>

Při vykreslování ve webovém prohlížeči bude text pomocí text-transform CSS převeden na velká písmena majetek.