Kako dinamički velikim slovima napisati riječ u JavaScriptu?

Kako Dinamicki Velikim Slovima Napisati Rijec U Javascriptu



Upotreba velikih slova u određenoj riječi iz jednog niza vrlo je korisna kada programer želi preusmjeriti pozornost čitatelja ili krajnjeg korisnika na jedinstvene ili važne informacije. Uglavnom se kratice, bilješke, datumi, imena mjesta ili imena osoba pišu velikim slovima jer nude važne informacije. Kapitalizacijom se može postići nekoliko prednosti kao što su bolja pristupačnost, poboljšana vidljivost i čimbenici čitljivosti, angažiranje korisničke interakcije i tako dalje.

Ovaj blog ilustrira proceduru pisanja velike riječi u JavaScriptu objašnjavajući metode u nastavku:

Kako dinamički velikim slovima napisati riječ u JavaScriptu?

Ne postoji nijedno ugrađeno svojstvo ili JavaScript metoda koja se može koristiti za pisanje velikim slovima samo prve riječi danog niza, međutim, postoji nekoliko pristupa koji se mogu modificirati da vrate željene rezultate. Ove metode su opisane sa svojim opisom koda. Nastavimo.







Metoda 1: Korištenje metode 'slice()'.

U ovoj metodi, ' potaknuti() ', i ' doUpperCase() ' metode se koriste duž ' kriška() ” za pisanje velikim slovima samo prve riječi ili nekog dijela niza prema potrebi ili prema navodima korisnika. Kao što je prikazano u isječku koda u nastavku:



< tijelo >

< h1 > Linuxhint članak h1 >
< h4 > Pisanje prve riječi velikim slovom h4 >
< gumb na klik = 'captalizeFirstWord()' > Probaj dugme >
< p id = 'cilj' > str >

< skripta >
funkcija captalizeFirstWord ( ) {
neka podaci = potaknuti ( 'Molimo unesite niz' , 'John Wick' ) ;
konst wordEndIndex = potaknuti ( 'Unesite konačni raspon' , '5' ) ;
neka prvaRiječ = podaci. kriška ( 0 , wordEndIndex ) ;
neka rem = podaci. zamijeniti ( prva riječ , '' ) ;

ako ( podaci != ništavan ) {
dokument. getElementById ( 'cilj' ) . unutarnjiHTML = 'Prva riječ je sada velikim slovima: ' + prva riječ. toUpperCase ( ) + rem ;
}
}
skripta >
tijelo >

Objašnjenje koda:



  • Prvo se deklarira element gumba koji poziva ' captalizeFirstWord() ' metodom pomoću ' na klik ” slušatelj događaja. ' str ” element se također stvara ako ima ID od „ cilj ”. Na ovaj 'p' HTML element se umeće izlaz.
  • Zatim, funkcija ' captalizeFirstWord() ' Tijelo je definirano unutar ' ” oznaka. U njemu, nekoliko ' potaknuti() ” metode se koriste za dohvaćanje podataka od korisnika o nizu i završnom broju indeksa za velike riječi.
  • ' potaknuti() ” metoda sadrži dva parametra, prvi je poruka koja se prikazuje na ekranu, a drugi je njena zadana vrijednost.
  • Ove vrijednosti su pohranjene u ' podaci ' i ' wordEndIndex ” odnosno. Zatim upotrijebite ' kriška() ' na 'podacima' i izrežite dio niza iz ' 0 ” indeks na broj indeksa koji je dao korisnik. Ovo odvaja prvu riječ od navedenog niza koji se pohranjuje u varijabli 'firstWord'.
  • Nakon toga upotrijebite ' zamijeniti() ” na navedenom nizu za zamjenu sadržaja “firstWord” praznim navodnicima. Time se mijenja niz i sada sadrži preostali dio nakon uklanjanja prve riječi koja je pohranjena u varijabli ' rem
  • Na kraju upotrijebite ' ako ” za provjeru je li „ podaci ” varijabla koju je naveo korisnik je prazna ili nije. Ako nije prazno ili jednako ' ništavan ', zatim umetnite ' prva riječ ' i primijenite ' doUpperCase() ” metoda za to.
  • Uz njega prikažite preostali dio koji je pohranjen u “ rem ” varijabla.

Nakon kompilacije:





Izlaz pokazuje da je prva riječ navedenog niza sada napisana velikim slovima.



Metoda 2: Korištenje metode “substr()”.

' substr() ” metoda se može koristiti za pisanje velikim slovima samo prve riječi iz navedenog niza. To se može učiniti odabirom samo prvog slova zasebno pristupom indeksnom broju i primjenom metode “toUpperCase()” na njega. Zatim priložite preostali dio niza kao što je učinjeno u donjem kodu:

< h1 > Linuxhint članak h1 >
< h4 > Pisanje prve riječi velikim slovom h4 >

< gumb na klik = 'captalizeFirstWord()' > Probaj dugme >
< p id = 'cilj' > str >

< skripta >
funkcija captalizeFirstWord ( ) {
neka podaci = potaknuti ( 'Molimo unesite niz' , 'John Wick' )
konst wordEndIndex = potaknuti ( 'Unesite konačni raspon' , '5' ) ;
neka rezultat = podaci. substr ( 0 , wordEndIndex ) . toUpperCase ( ) + podaci. substr ( wordEndIndex ) ;
ako ( podaci != ništavan ) {
dokument. getElementById ( 'cilj' ) . unutarnjiHTML = 'Prva riječ je sada napisana velikim slovima: ' + proizlaziti ;
}
}
skripta >

Objašnjenje gornjeg koda:

  • Gornji kod je isti kao što je opisano u prethodnoj metodi samo ' kriška() ' i ' zamijeniti() ” metoda se zamjenjuje s „ substr() ” metoda.
  • Metoda “substr()” primjenjuje se na “ podaci ” varijabla i dio niza iz “ 0 ” indeks od navedenog indeksa je odvojen. Na ovom odvojenom dijelu koji je prva riječ, ' doUpperCase() ” primjenjuje se metoda za pisanje velikim slovima.
  • Nakon toga, drugi “ substr() ” metoda se koristi za odabir preostalog dijela iz danog indeksa i zatim spajanje rezultata za obje metode.

Nakon kompilacije:

Izlaz pokazuje da je samo prva riječ iz niza napisana velikim slovima

Zaključak

Ne postoji ugrađena metoda koja se može koristiti za dinamičko pisanje velikim slovima samo prve riječi danog niza. Međutim ' kriška() ' i ' substr() ” metode se mogu koristiti uz kombinaciju različitih metoda kao što su „ potaknuti() ”, “ zamijeniti() ', i ' doUpperCase() ” za pisanje prve riječi velikim slovima. Ovdje, ' doUpperCase() ” metoda posebno piše velikim slovima isječenu prvu riječ. Ovaj post je ilustrirao metode pisanja velikih slova u riječi u JavaScriptu.