Tento blog ilustruje postup psaní velkých písmen konkrétního slova v JavaScriptu vysvětlením níže uvedených metod:
Jak dynamicky kapitalizovat slovo v JavaScriptu?
Neexistuje žádná vestavěná vlastnost nebo metoda JavaScript, kterou lze použít k psaní velkých písmen pouze na první slovo poskytnutého řetězce. Existuje však několik přístupů, které lze upravit tak, aby vrátily požadované výsledky. Tyto metody jsou popsány s popisem jejich kódu. Pokračujme.
Metoda 1: Použití metody „slice()“.
Při této metodě se „ výzva() ', a ' toUpperCase() “ metody se používají spolu s “ plátek() ” metoda pro psaní velkých písmen pouze prvního slova nebo některé části řetězce podle potřeby nebo zadané uživatelem. Jak je znázorněno na níže uvedeném úryvku kódu:
< tělo >
< h1 > Článek Linuxhint h1 >
< h4 > Psaní prvního slova velkými písmeny h4 >
< tlačítko onclick = 'captalizeFirstWord()' > Zkus to knoflík >
< p id = 'cílová' > p >
< skript >
funkce captalizeFirstWord ( ) {
nechat data = výzva ( 'Zadejte prosím řetězec' , 'John Wick' ) ;
konst wordEndIndex = výzva ( 'Zadejte konečný rozsah' , '5' ) ;
nechat první slovo = data. plátek ( 0 , wordEndIndex ) ;
nechat rem = data. nahradit ( první slovo , '' ) ;
-li ( data != nula ) {
dokument. getElementById ( 'cílová' ) . vnitřní HTML = 'První slovo je nyní velké: ' + první slovo. velká písmena ( ) + rem ;
}
}
skript >
tělo >
Vysvětlení kódu:
- Nejprve je deklarován prvek tlačítka, který volá „ captalizeFirstWord() “ pomocí metody “ při kliknutí “ posluchač události. ' p 'prvek je také vytvořen tak, že má id ' cílová “. Na tento „p“ HTML element se vloží výstup.
- Dále funkce „ captalizeFirstWord() 'tělo je definováno uvnitř ' ” tag. V něm pár „ výzva() ” metody se používají k získání dat od uživatele o řetězci a koncovém indexovém čísle pro velká slova.
- ' výzva() ” metoda obsahuje dva parametry, první je zpráva, která se zobrazí na obrazovce, a druhý je její výchozí hodnota.
- Tyto hodnoty jsou uloženy v „ data ' a ' wordEndIndex “. Poté použijte „ plátek() ” na “data” a odřízněte část řetězce z “ 0 ” index k číslu indexu poskytnutému uživatelem. Tím se oddělí první slovo od poskytnutého řetězce, který se uloží do proměnné „firstWord“.
- Poté použijte „ nahradit() ” na zadaném řetězci k nahrazení obsahu „firstWord“ prázdnými uvozovkami. Tím se řetězec upraví a nyní obsahuje zbývající část po odstranění prvního slova, které je uloženo v proměnné “ rem “
- Nakonec použijte „ -li “, abyste zkontrolovali, zda „ data ” proměnná poskytnutá uživatelem je prázdná nebo není. Pokud není prázdný nebo roven „ nula “, poté vložte „ první slovo “ a použijte „ toUpperCase() “ metoda k tomu.
- Podél ní zobrazte zbývající část, která je uložena v „ rem “proměnná.
Po kompilaci:
Výstup ukazuje, že první slovo zadaného řetězce je nyní velké.
Metoda 2: Použití metody „substr()“.
' substr() ” metodu lze použít k psaní velkých písmen pouze na první slovo z poskytnutého řetězce. To lze provést tak, že samostatně vyberete pouze první písmeno přístupem k číslu indexu a použitím metody „toUpperCase()“ na něj. Poté připojte zbývající část řetězce, jak je uvedeno v níže uvedeném kódu:
< h1 > Článek Linuxhint h1 >< h4 > Psaní prvního slova velkými písmeny h4 >
< tlačítko onclick = 'captalizeFirstWord()' > Zkus to knoflík >
< p id = 'cílová' > p >
< skript >
funkce captalizeFirstWord ( ) {
nechat data = výzva ( 'Zadejte prosím řetězec' , 'John Wick' )
konst wordEndIndex = výzva ( 'Zadejte konečný rozsah' , '5' ) ;
nechat výsledek = data. substr ( 0 , wordEndIndex ) . velká písmena ( ) + data. substr ( wordEndIndex ) ;
-li ( data != nula ) {
dokument. getElementById ( 'cílová' ) . vnitřní HTML = 'První slovo je nyní velké jako:' + výsledek ;
}
}
skript >
Vysvětlení výše uvedeného kódu:
- Výše uvedený kód je stejný jako v předchozí metodě, pouze „ plátek() ' a ' nahradit() “ metoda je nahrazena “ substr() “ metoda.
- Metoda „substr()“ se aplikuje na „ data 'proměnná a část řetězce z ' 0 ” index k poskytnutému indexu je oddělen. Na této oddělené části, která je prvním slovem, je „ toUpperCase() “ je použita metoda kapitalizace.
- Poté druhý „ substr() ” metoda se používá k výběru zbývající části z poskytnutého indexu a následnému zřetězení výsledku pro obě metody.
Po kompilaci:
Výstup ukazuje, že pouze první slovo z řetězce bylo velké
Závěr
Neexistuje žádná vestavěná metoda, kterou lze použít k dynamickému psaní velkých písmen pouze na první slovo poskytnutého řetězce. Nicméně, „ plátek() ' a ' substr() “metody lze použít spolu s kombinací různých metod, např. výzva() “, “ nahradit() ', a ' toUpperCase() ” pro velké první slovo. Zde, „ toUpperCase() ” specificky používá velké první slovo. Tento příspěvek ilustroval metody psaní velkých písmen slova v JavaScriptu.