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 ' ” címke. Ebben egy pár „ gyors() ” metódusok segítségével kérik le a felhasználótól a karakterláncra vonatkozó adatokat és a nagybetűs szavak végindexszámát.
- A ' gyors() ” metódus két paramétert tartalmaz, az első a képernyőn megjelenő üzenet, a második pedig az alapértelmezett értéke.
- Ezeket az értékeket a ' adat ” és „ wordEndIndex ” ill. Ezután használja a „ szelet() ” metódussal az „adatok”-on, és szeleteljük fel a karakterlánc részét a „ 0 ” index a felhasználó által megadott indexszámra. Ez elválasztja az első szót a megadott karakterlánctól, amely a „firstWord” változóban tárolódik.
- Ezt követően használja a „ csere() ” metódussal a megadott karakterláncon, hogy a „firstWord” tartalmat üres idézőjelekre cserélje. Ez módosítja a karakterláncot, és most már tartalmazza a fennmaradó részt, miután eltávolította az első szót, amely a ' változóban van tárolva rem ”
- Végül használja a „ ha ' nyilatkozat annak ellenőrzésére, hogy a ' adat ” a felhasználó által megadott változó üres-e vagy sem. Ha nem üres vagy egyenlő nulla ”, majd illessze be a „ első szó ” és alkalmazza a „ nagybetűs() ” módszert hozzá.
- Mentén jelenítse meg a fennmaradó részt, amely a „ rem ” változó.
Az összeállítás után:
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.