Kuidas JavaScriptis sõna dünaamiliselt suurtähtedega kasutada?

Kuidas Javascriptis Sona Dunaamiliselt Suurtahtedega Kasutada



Konkreetse sõna suurtähtede kasutamine ühest stringist on väga kasulik, kui programmeerija soovib juhtida lugeja või lõppkasutaja tähelepanu ainulaadsele või olulisele teabele. Enamasti on lühendid, märkmed, kuupäevad, kohanimed või isikute nimed suurtähtedega, kuna need pakuvad olulist teavet. Kasutades ära mitmeid eeliseid, nagu parem juurdepääsetavus, parem nähtavus ja loetavuse tegurid, kasutaja interaktsiooni kaasamine ja nii edasi.

See ajaveeb illustreerib konkreetse sõna suurtähtedega kirjutamise protseduuri JavaScriptis, selgitades järgmisi meetodeid:

Kuidas JavaScriptis sõna dünaamiliselt suurtähtedega kasutada?

Pole ühtegi sisseehitatud atribuuti ega JavaScripti meetodit, mida saaks kasutada ainult pakutud stringi esimese sõna suurtähtedega kirjutamiseks. Siiski on paar lähenemisviisi, mida saab soovitud tulemuste saamiseks muuta. Neid meetodeid kirjeldatakse koos nende koodikirjeldusega. Jätkame.







1. meetod: 'slice()' meetodi kasutamine

Selle meetodi puhul ' prompt () ”, ja „ suurtähtedega() ' meetodeid kasutatakse koos ' slice () ” meetod, et kirjutada suurtähtedega ainult esimene sõna või mõni stringi osa vastavalt vajadusele või kasutaja poolt määratud. Nagu on näidatud alloleval koodilõigul:



< keha >

< h1 > Linuxhinti artikkel h1 >
< h4 > Esimese sõna suurtähtede kasutamine h4 >
< nupp onclick = 'captalizeFirstWord()' > Proovi seda nuppu >
< p id = 'sihtmärk' > lk >

< stsenaarium >
funktsiooni captalizeFirstWord ( ) {
lase andmeid = viip ( 'Palun sisestage string' , 'John Wick' ) ;
konst wordEndIndex = viip ( 'Sisestage lõppvahemik' , '5' ) ;
las esimeneWord = andmeid. viil ( 0 , wordEndIndex ) ;
las rem = andmeid. asendada ( esimene Sõna , '' ) ;

kui ( andmeid != null ) {
dokument. getElementById ( 'sihtmärk' ) . sisemine HTML = 'Esimene sõna on nüüd suurtähtedega:' + esimene Sõna. suurtähtedega ( ) + rem ;
}
}
stsenaarium >
keha >

Koodi selgitus:



  • Esiteks deklareeritakse nupu element, mis kutsub captalizeFirstWord() ' meetodit kasutades ' onclick ” sündmuste kuulaja. ' lk 'element luuakse ka ID-ga ' sihtmärk ”. Sellele 'p' HTML-elemendile sisestatakse väljund.
  • Järgmisena funktsioon ' captalizeFirstWord() ' keha on määratletud '' sees

    Väljund näitab, et antud stringi esimene sõna on nüüd suurtähtedega kirjutatud.



    2. meetod: 'substr()' meetodi kasutamine

    ' substr() ” meetodit saab kasutada antud stringist ainult esimese sõna suurtähtedeks kirjutamiseks. Seda saab teha, valides eraldi ainult esimese tähe, avades juurdepääsu indeksi numbrile ja rakendades sellele meetodit “toUpperCase()”. Seejärel kinnitage ülejäänud osa stringist, nagu on tehtud allolevas koodis:

    < h1 > Linuxhinti artikkel h1 >
    < h4 > Esimese sõna suurtähtede kasutamine h4 >

    < nupp onclick = 'captalizeFirstWord()' > Proovi seda nuppu >
    < p id = 'sihtmärk' > lk >

    < stsenaarium >
    funktsiooni captalizeFirstWord ( ) {
    lase andmeid = viip ( 'Palun sisestage string' , 'John Wick' )
    konst wordEndIndex = viip ( 'Sisestage lõppvahemik' , '5' ) ;
    lase tulemuseks = andmeid. alamstr ( 0 , wordEndIndex ) . suurtähtedega ( ) + andmeid. alamstr ( wordEndIndex ) ;
    kui ( andmeid != null ) {
    dokument. getElementById ( 'sihtmärk' ) . sisemine HTML = 'Esimene sõna on nüüd suurtähtedega:' + tulemus ;
    }
    }
    stsenaarium >

    Ülaltoodud koodi selgitus:

    • Ülaltoodud kood on sama, mis on kirjeldatud eelmises meetodis, ainult ' slice () ” ja „ asenda () ' meetod asendatakse ' substr() ” meetod.
    • Meetodit 'substr()' rakendatakse ' andmeid ' muutuja ja stringi osa ' 0 ” indeks esitatud indeksile on eraldatud. Sellel eraldatud osal, mis on esimene sõna, on ' suurtähtedega() ” kasutatakse selle suurtähtedega kirjutamiseks.
    • Pärast seda teine ​​' substr() ” meetodit kasutatakse pakutavast indeksist ülejäänud osa valimiseks ja seejärel mõlema meetodi tulemuse ühendamiseks.

    Pärast koostamist:

    Väljund näitab, et ainult esimene sõna stringist on kirjutatud suurtähtedega

    Järeldus

    Ei ole ühtegi sisseehitatud meetodit, mida saaks kasutada ainult antud stringi esimese sõna dünaamiliseks kirjutamiseks. Kuid ' slice () ” ja „ substr() ' meetodeid saab kasutada koos erinevate meetodite kombinatsiooniga, näiteks ' prompt () ”, „ asenda () ”, ja „ suurtähtedega() ”, et esimene sõna suurtähtedega kirjutada. Siin on ' suurtähtedega() ” kasutab lõigatud esimest sõna spetsiaalselt suurtähtedega. See postitus on illustreerinud meetodeid sõna suureks kirjutamiseks JavaScriptis.