Hogyan lehet dinamikusan nagybetűvel írni egy szót JavaScriptben?

Hogyan Lehet Dinamikusan Nagybetuvel Irni Egy Szot Javascriptben



Egy adott szó nagybetűs írása egyetlen karakterláncból nagyon hasznos, ha a programozó egyedi vagy fontos információra szeretné elterelni az olvasó vagy a végfelhasználó figyelmét. A rövidítéseket, megjegyzéseket, dátumokat, helyneveket vagy személyneveket többnyire nagybetűvel írják, mivel fontos információkat tartalmaznak. A kihasználásával számos előny érhető el, például jobb hozzáférhetőség, jobb láthatóság és olvashatóság, a felhasználói interakció bevonása stb.

Ez a blog az alábbi módszerek magyarázatával szemlélteti egy adott szó nagybetűs írását a JavaScriptben:

Hogyan lehet dinamikusan nagybetűvel írni egy szót JavaScriptben?

Nincs olyan beépített tulajdonság vagy JavaScript metódus, amellyel csak a megadott karakterlánc első szavát lehetne nagybetűvel írni, azonban van néhány megközelítés, amely módosítható a kívánt eredmény elérése érdekében. Ezeket a módszereket a kódleírásukkal együtt ismertetjük. Folytassuk.







1. módszer: A „slice()” módszer használata

Ennél a módszernél a „ gyors() ”, és „ nagybetűs() ' módszereket alkalmaznak a ' szelet() ” metódussal csak az első szót vagy a karakterlánc egy részét írjuk nagybetűvel, ha szükséges vagy a felhasználó megadja. Ahogy az alábbi kódrészletben látható:



< test >

< h1 > Linuxhint cikk h1 >
< h4 > Az első szó nagybetűs írása h4 >
< gomb onclick = 'captalizeFirstWord()' > Próbáld ki gomb >
< p id = 'cél' > p >

< forgatókönyv >
funkció captalizeFirstWord ( ) {
engedjen adatokat = gyors ( 'Kérem írja be a karakterláncot' , 'John Wick' ) ;
const wordEndIndex = gyors ( 'Adja meg a végső tartományt' , '5' ) ;
hadd firstWord = adat. szelet ( 0 , wordEndIndex ) ;
 let rem = adat. cserélje ki ( első szó , '' ) ;

ha ( adat != nulla ) {
dokumentum. getElementById ( 'cél' ) . innerHTML = 'Az első szó most nagybetűs:' + első szó. toUpperCase ( ) + rem ;
}
}
forgatókönyv >
test >

A kód magyarázata:



  • Először deklarálják azt a gombelemet, amely a ' captalizeFirstWord() ' módszer a ' kattintásra ” eseményhallgató. A ' p ' elem is úgy jön létre, hogy a ' cél ”. Ezen a „p” HTML-elemen a kimenet bekerül.
  • Ezután a „ captalizeFirstWord() ' teste a '

    A kimenet azt mutatja, hogy a megadott karakterlánc első szava most nagybetűs.



    2. módszer: A „substr()” módszer használata

    A ' substr() ” metódussal csak az első szót írhatjuk nagybetűvel a megadott karakterláncból. Ezt úgy teheti meg, hogy csak az első betűt választja ki külön az indexszám elérésével és a „toUpperCase()” metódus alkalmazásával. Ezután csatolja a karakterlánc fennmaradó részét az alábbi kód szerint:

    < h1 > Linuxhint cikk h1 >
    < h4 > Az első szó nagybetűs írása h4 >

    < gomb onclick = 'captalizeFirstWord()' > Próbáld ki gomb >
    < p id = 'cél' > p >

    < forgatókönyv >
    funkció captalizeFirstWord ( ) {
    engedjen adatokat = gyors ( 'Kérem írja be a karakterláncot' , 'John Wick' )
    const wordEndIndex = gyors ( 'Adja meg a végső tartományt' , '5' ) ;
    legyen eredmény = adat. alstr ( 0 , wordEndIndex ) . toUpperCase ( ) + adat. alstr ( wordEndIndex ) ;
    ha ( adat != nulla ) {
    dokumentum. getElementById ( 'cél' ) . innerHTML = 'Az első szót most nagybetűvel írjuk: ' + eredmény ;
    }
    }
    forgatókönyv >

    A fenti kód magyarázata:

    • A fenti kód megegyezik az előző módszerben leírtakkal, csak a ' szelet() ” és „ csere() ' metódus helyébe '' substr() ” módszerrel.
    • A „substr()” metódus a „ adat ' változó és a karakterlánc része a ' 0 ” index a megadott indexhez van elválasztva. Ezen az elválasztott részen, amely az első szó, a „ nagybetűs() ” módszert alkalmazzuk a nagybetűs íráshoz.
    • Ezt követően a második ' substr() ” metódussal választhatja ki a fennmaradó részt a megadott indexből, majd összefűzi mindkét módszer eredményét.

    Az összeállítás után:

    A kimenet azt mutatja, hogy a karakterláncból csak az első szó lett nagybetűs

    Következtetés

    Nincs olyan beépített metódus, amellyel dinamikusan nagybetűvel lehetne írni a megadott karakterlánc első szavát. Azonban a ' szelet() ” és „ substr() ” módszerek különböző módszerek kombinációja mellett használhatók, mint pl. gyors() ”, „ csere() ”, és „ nagybetűs() ” az első szót nagybetűvel írjuk. Itt a „ nagybetűs() ” metódus kifejezetten nagybetűvel írja a szeletelt első szót. Ez a bejegyzés bemutatja a szavak nagybetűs írásmódját a JavaScriptben.