Tämä blogi havainnollistaa toimenpiteen tietyn sanan kirjoittamiseksi isoilla kirjaimilla JavaScriptissä selittämällä seuraavat menetelmät:
Kuinka kirjoittaa sana dynaamisesti isoilla kirjaimilla JavaScriptissä?
Ei ole olemassa mitään sisäänrakennettua ominaisuutta tai JavaScript-menetelmää, jolla voidaan kirjoittaa vain syötetyn merkkijonon ensimmäinen sana. On kuitenkin olemassa muutamia lähestymistapoja, joita voidaan muokata palauttamaan halutut tulokset. Nämä menetelmät on kuvattu niiden koodikuvauksen kanssa. Jatketaan.
Tapa 1: Käytä 'slice()' -menetelmää
Tässä menetelmässä ' kehote() ”, ja ” isot kirjaimet() 'menetelmiä käytetään ' viipale() ” -menetelmä, jolla voit kirjoittaa isolla kirjaimella vain ensimmäisen sanan tai jonkin osan merkkijonosta tarpeen mukaan tai käyttäjän määrittämänä. Alla olevan koodinpätkän mukaisesti:
< kehon >
< h1 > Linuxhint-artikkeli h1 >
< h4 > Ensimmäinen sana isolla kirjaimella h4 >
< painiketta onclick = 'captalizeFirstWord()' > Kokeile -painiketta >
< p id = 'kohde' > s >
< käsikirjoitus >
toiminto captalizeFirstWord ( ) {
anna tiedot = kehote ( 'Syötä merkkijono' , 'John Wick' ) ;
konst wordEndIndex = kehote ( 'Syötä lopullinen alue' , '5' ) ;
anna ensin Word = tiedot. viipale ( 0 , wordEndIndex ) ;
anna rem = tiedot. korvata ( ensimmäinen sana , '' ) ;
jos ( tiedot != tyhjä ) {
asiakirja. getElementById ( 'kohde' ) . innerHTML = 'Ensimmäinen sana on nyt isolla:' + ensimmäinen sana. Isoin kirjaimeen ( ) + rem ;
}
}
käsikirjoitus >
kehon >
Koodin selitys:
- Ensin ilmoitetaan painikeelementti, joka kutsuu ' captalizeFirstWord() ' menetelmällä ' klikkaamalla ”tapahtuman kuuntelija. ' s '-elementti luodaan myös käyttämällä tunnuksella ' kohde ”. Tähän 'p' HTML-elementtiin tuloste lisätään.
- Seuraavaksi toiminto ' captalizeFirstWord() ' runko määritellään ' ' -tunniste. Siinä pari ' kehote() ” -menetelmiä käytetään hakemaan käyttäjältä tietoja merkkijonosta ja isojen sanojen pääteindeksinumerosta.
- ' kehote() ” -menetelmä sisältää kaksi parametria, joista ensimmäinen on näytöllä näkyvä viesti ja toinen on sen oletusarvo.
- Nämä arvot on tallennettu ' tiedot ' ja ' wordEndIndex ' vastaavasti. Käytä sitten ' viipale() ' -menetelmää 'data' -kohdassa ja leikkaa osa merkkijonosta ' 0 ” indeksi käyttäjän antamaan indeksinumeroon. Tämä erottaa ensimmäisen sanan annetusta merkkijonosta, joka tallennetaan 'firstWord' -muuttujaan.
- Käytä sen jälkeen ' korvata() ' -menetelmää toimitetussa merkkijonossa korvatakseen 'firstWord'-sisällön tyhjillä lainausmerkeillä. Tämä muuttaa merkkijonoa ja nyt se sisältää jäljellä olevan osan sen jälkeen, kun on poistettu ensimmäinen muuttujaan tallennettu sana rem ”
- Käytä lopuksi ' jos ' lausunto tarkistaaksesi, onko ' tiedot ” käyttäjän antama muuttuja on tyhjä vai ei. Jos se ei ole tyhjä tai yhtä suuri kuin ' tyhjä , lisää sitten ' ensimmäinen sana ' ja käytä ' isot kirjaimet() ”menetelmä siihen.
- Näytä sen vieressä jäljellä oleva osa, joka on tallennettu ' rem ”muuttuja.
Kokoonpanon jälkeen:
Tulos osoittaa, että syötetyn merkkijonon ensimmäinen sana on nyt kirjoitettu isolla.
Tapa 2: 'substr()'-menetelmän käyttäminen
' substr() ” -menetelmää voidaan käyttää vain ensimmäisen sanan kirjoittamiseen annetusta merkkijonosta. Se voidaan tehdä valitsemalla vain ensimmäinen kirjain erikseen käyttämällä indeksinumeroa ja soveltamalla siihen 'toUpperCase()'-menetelmää. Liitä sitten jäljellä oleva osa merkkijonosta alla olevan koodin mukaisesti:
< h1 > Linuxhint-artikkeli h1 >< h4 > Ensimmäinen sana isolla kirjaimella h4 >
< painiketta onclick = 'captalizeFirstWord()' > Kokeile -painiketta >
< p id = 'kohde' > s >
< käsikirjoitus >
toiminto captalizeFirstWord ( ) {
anna tiedot = kehote ( 'Syötä merkkijono' , 'John Wick' )
konst wordEndIndex = kehote ( 'Syötä lopullinen alue' , '5' ) ;
anna tulosta = tiedot. substr ( 0 , wordEndIndex ) . Isoin kirjaimeen ( ) + tiedot. substr ( wordEndIndex ) ;
jos ( tiedot != tyhjä ) {
asiakirja. getElementById ( 'kohde' ) . innerHTML = 'Ensimmäinen sana on nyt isolla kirjaimella:' + tulos ;
}
}
käsikirjoitus >
Selitys yllä olevalle koodille:
- Yllä oleva koodi on sama kuin edellisessä menetelmässä, vain ' viipale() ' ja ' korvata() ' menetelmä korvataan '' substr() ”menetelmä.
- 'substr()'-menetelmää sovelletaan ' tiedot '-muuttuja ja merkkijonon osa ' 0 ” indeksi annettuun hakemistoon on erotettu. Tässä erotetussa osassa, joka on ensimmäinen sana, ' isot kirjaimet() ” -menetelmää käytetään sen kirjaamiseen.
- Sen jälkeen toinen ' substr() ” -menetelmää käytetään valitsemaan jäljellä oleva osa annetusta hakemistosta ja yhdistämään sitten molempien menetelmien tulos.
Kokoonpanon jälkeen:
Tulos näyttää, että vain ensimmäinen sana merkkijonosta on kirjoitettu isoilla kirjaimilla
Johtopäätös
Ei ole olemassa mitään sisäänrakennettua menetelmää, jota voidaan käyttää vain syötetyn merkkijonon ensimmäisen sanan kirjoittamiseen dynaamisesti. Kuitenkin ' viipale() ' ja ' substr() 'menetelmiä voidaan käyttää yhdessä eri menetelmien, kuten ' kehote() ”, “ korvata() ”, ja ” isot kirjaimet() ' kirjoittaa ensimmäinen sana isolla. Täällä ' isot kirjaimet() ” -menetelmä kirjoittaa nimenomaan isolla lohkolla leikatun ensimmäisen sanan. Tämä viesti on havainnollistanut tapoja kirjoittaa sana isolla JavaScriptissä.