Kuinka kirjoittaa sana dynaamisesti isoilla kirjaimilla JavaScriptissä?

Kuinka Kirjoittaa Sana Dynaamisesti Isoilla Kirjaimilla Javascriptissa



Tietyn sanan isot kirjaimet yhdestä merkkijonosta ovat erittäin hyödyllisiä, kun ohjelmoija haluaa ohjata lukijan tai loppukäyttäjän huomion ainutlaatuiseen tai tärkeään tietoon. Useimmiten lyhenteet, muistiinpanot, päivämäärät, paikannimet tai henkilöiden nimet kirjoitetaan isoilla kirjaimilla, koska ne tarjoavat tärkeitä tietoja. Hyödyntämällä voidaan saavuttaa useita etuja, kuten parempi saavutettavuus, parannettu näkyvyys ja luettavuus, käyttäjän vuorovaikutuksen sitouttaminen ja niin edelleen.

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 '

    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ä.