Jak dynamicky kapitalizovat slovo v JavaScriptu?

Jak Dynamicky Kapitalizovat Slovo V Javascriptu



Psaní velkých písmen konkrétního slova z jednoho řetězce je velmi užitečné, když chce programátor odvést pozornost čtenáře nebo koncového uživatele k jedinečným nebo důležitým informacím. Většinou jsou zkratky, poznámky, data, názvy míst nebo jména osob psány velkými písmeny, protože nabízejí důležité informace. Kapitalizací několika výhod lze dosáhnout lepší dostupnosti, lepší viditelnosti a čitelnosti, zapojení uživatele do interakce a tak dále.

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ř '

    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.