Hvordan bruger man et ord dynamisk i JavaScript?

Hvordan Bruger Man Et Ord Dynamisk I Javascript



Store bogstaver af et specifikt ord fra en enkelt streng er meget nyttig, når programmøren ønsker at aflede læseren eller slutbrugerens opmærksomhed mod unikke eller vigtige oplysninger. For det meste skrives forkortelser, noter, datoer, stednavne eller personnavne med stort, da de giver vigtig information. Ved at udnytte flere fordele kan der opnås som bedre tilgængelighed, øget synlighed og læsbarhedsfaktorer, engagerende brugerinteraktion og så videre.

Denne blog illustrerer proceduren til at skrive et bestemt ord med stort i JavaScript ved at forklare nedenstående metoder:

Hvordan bruger man et ord dynamisk i JavaScript?

Der er ikke nogen indbygget egenskab eller JavaScript-metode, der kan bruges til kun at skrive det første ord i den angivne streng med stort, men der er et par fremgangsmåder, der kan ændres for at returnere de ønskede resultater. Disse metoder er beskrevet med deres kodebeskrivelse. Lad os fortsætte.







Metode 1: Brug af metoden 'slice()'.

I denne metode er ' hurtig() ', og ' toUpperCase() ”-metoder bruges sammen med ” skive() ” metode til kun at skrive det første ord med stort eller en del af strengen efter behov eller specificeret af brugeren. Som vist i nedenstående kodestykke:



< legeme >

< h1 > Linuxhint artikel h1 >
< h4 > Sæt det første ord med stort h4 >
< knap ved klik = 'captalizeFirstWord()' > Prøv det knap >
< p id = 'mål' > s >

< manuskript >
fungere captalizeFirstWord ( ) {
lade data = hurtig ( 'Indtast venligst strengen' , 'John Wick' ) ;
konst wordEndIndex = hurtig ( 'Indtast endeligt område' , '5' ) ;
lad firstWord = data. skive ( 0 , wordEndIndex ) ;
lad rem = data. erstatte ( førsteord , '' ) ;

hvis ( data != nul ) {
dokument. getElementById ( 'mål' ) . indreHTML = 'Det første ord er nu med stort: ​​' + førsteord. til Store bogstaver ( ) + rem ;
}
}
manuskript >
legeme >

Forklaring af koden:



  • Først erklæres knapelementet, der kalder ' captalizeFirstWord() ' metode ved hjælp af ' onclick ” begivenhedslytter. Det ' s ' element er også oprettet ved at have et id på ' mål ”. På dette 'p' HTML-element bliver outputtet indsat.
  • Dernæst funktionen ' captalizeFirstWord() ' krop er defineret inde i '

    Outputtet viser, at det første ord i den angivne streng nu er med stort.



    Metode 2: Brug af metoden 'substr()'.

    Det ' substr() ” metode kan bruges til kun at skrive det første ord fra den angivne streng med stort. Det kan gøres ved kun at vælge det første bogstav separat ved at få adgang til indeksnummeret og ved at anvende 'toUpperCase()'-metoden på det. Vedhæft derefter den resterende del af strengen som gjort i nedenstående kode:

    < h1 > Linuxhint artikel h1 >
    < h4 > Sæt det første ord med stort h4 >

    < knap ved klik = 'captalizeFirstWord()' > Prøv det knap >
    < p id = 'mål' > s >

    < manuskript >
    fungere captalizeFirstWord ( ) {
    lade data = hurtig ( 'Indtast venligst strengen' , 'John Wick' )
    konst wordEndIndex = hurtig ( 'Indtast endeligt område' , '5' ) ;
    lad resultatet = data. substr ( 0 , wordEndIndex ) . til Store bogstaver ( ) + data. substr ( wordEndIndex ) ;
    hvis ( data != nul ) {
    dokument. getElementById ( 'mål' ) . indreHTML = 'Det første ord skrives nu med stort: ​​' + resultat ;
    }
    }
    manuskript >

    Forklaring af ovenstående kode:

    • Ovenstående kode er den samme som beskrevet i den foregående metode, kun ' skive() ' og ' erstatte() ' metoden erstattes med ' substr() ” metode.
    • 'substr()'-metoden anvendes på ' data variabel og den del af strengen fra ' 0 ” indeks til det angivne indeks adskilles. På denne adskilte del, som er det første ord, ' toUpperCase() ”-metoden anvendes til at aktivere den med store bogstaver.
    • Derefter, den anden ' substr() ” metode bruges til at vælge den resterende del fra det angivne indeks og derefter sammenkæde resultatet for begge metoder.

    Efter kompileringen:

    Outputtet viser, at kun det første ord fra strengen er blevet skrevet med stort

    Konklusion

    Der er ikke nogen indbygget metode, der kan bruges til kun at skrive det første ord i en angivet streng med stort. Imidlertid ' skive() ' og ' substr() ”-metoder kan bruges sammen med kombinationen af ​​forskellige metoder som ” hurtig() ', ' erstatte() ', og ' toUpperCase() ” for at skrive det første ord med stort. Her er ' toUpperCase() ”-metoden bruger specifikt det første ord i skiver med stort. Dette indlæg har illustreret metoderne til at skrive et ord med stort i JavaScript.