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.