Kako nekaj ponoviti v JavaScriptu?

Kako Nekaj Ponoviti V Javascriptu



Ponavljanje je včasih potrebno za izdelavo dinamičnih in interaktivnih spletnih strani. Ponavljanje v JavaScriptu zagotavlja številne funkcije, kot so avtomatizacija opravil, prilagodljiv/dinamičen razvoj spletnih aplikacij, izboljšana uporabniška izkušnja in še veliko več. Ponavljanje lahko v JavaScriptu dosežete z različnimi metodami.

Ta članek obravnava različne metode, kako je mogoče nekaj ponoviti v JavaScriptu.

Kako nekaj ponoviti v JavaScriptu?

Niz je mogoče ponoviti v JavaScriptu na naslednje načine:







Oglejmo si vsako metodo podrobno.



1. način: ponovite nekaj v JavaScriptu z uporabo zanke While

Medtem ” je stavek nadzornega toka v JavaScriptu, ki se izvaja večkrat pod določenim pogojem. Pogoj se pregleda pred vsako ponovitvijo. Zanka while teče, dokler pogoj ni točen. Ko je pogoj napačen, se zanka preneha izvajati. Naslednja koda ponazarja postopek ponavljanja v JavaScriptu z uporabo zank while:



DOCTYPE html >

< html >

< scenarij >

ponovitev funkcije ( str, štetje ) {

naj rpt_Str = ' ' ;

medtem ( štetje > 0 ) {

rpt_Str += str ;

štetje --;

}

vrnitev rpt_Str ;

}

dokument. pisati ( ponovite ( 'TAYLOR' , 6 ) ) ;

scenarij >

html >

V zgornjem primeru:





  • Funkcija repeat() je definirana znotraj oznake skripta s parametroma “str” in “count”.
  • Nato smo definirali prazen niz 'rpt_str' in zagnali zanko while s pogojem, da ostane štetje večje od 0.
  • »rpt_str« vsebuje vrednost »str« in zanka while deluje, razen če pogoj ni več resničen. V tem primeru je vrednost števca 6, tako da bo niz natisnjen 6-krat.

Izhod

Niz »TAYLOR« se bo ponovil 6-krat, kar je enakovredno štetju:



2. način: Ponovite nekaj v JavaScriptu z uporabo ES6 repeat()

ES6 ponovi () lahko uporabite za ponovitev niza v JavaScriptu. Vrne se niz, ki ima ob klicu določene dvojnike. Tukaj je primer kode, ki prikazuje, kako lahko ponovimo niz z uporabo repeat():

DOCTYPE html >

< html >

< scenarij >

funkcija rpt_str ( str,štetje ) {

če ( štetje > 0 )

vrnitev str. ponovite ( štetje ) ;

drugače

vrnitev '' ;

}

dokument. pisati ( rpt_str ( ' JavaScript ' , 5 ) ) ;

scenarij >

html >

V zgornji kodi je

  • Funkcija “rpt_str()” je definirana s parametroma str in count.
  • Vrednost str je dodeljena kot »JavaScript«, ki se bo ponavljala glede na vrednost, dodeljeno štetju.

Izhod

V tem primeru je vrednost, dodeljena count, 5, zato bo funkcija repeat() ponovila JavaScript 5-krat:

3. način: ponovite nekaj v JavaScriptu z uporabo rekurzije

Rekurzija omogoča funkciji, da se ponavlja, razen če dobi želeni rezultat. Pri rekurziji je treba določiti primarni/osnovni primer, da končate rekurzijo. Običajno je znotraj pogojnega stavka. Rekurzivna funkcija deluje tako, da se ponavlja, dokler ne dobimo želenega rezultata. Naslednji primer pomaga razumeti metodo rekurzije za ponavljanje v JavaScriptu:

! DOCTYPE html >

< html >

< scenarij >

funkcija rpt_str ( str,štetje ) {

če ( štetje < 0 )

vrnitev '' ;

če ( štetje === 1 )

vrnitev str ;

drugače

vrnitev str + rpt_str ( str, štetje - 1 ) ;

}

dokument. pisati ( rpt_str ( ' KODA ' , 7 ) ) ;

scenarij >

html >

V zgornji kodi:

  • Funkcija “rpt_str()” je definirana s parametroma “str” in “count”.
  • Če je vrednost števca manjša od 0, bo vrnjen prazen niz. Če je vrednost count 1, vrne str in če je vrednost str večja od 1, funkcija združi vhodno vrednost str z rezultatom iz rpt_str(str, count – 1).
  • Tukaj je vrednost str »CODE«, vrednost count pa 7, zato bo ponovljeni niz natisnil CODE 7-krat.

Izhod:

4. način: Ponovite nekaj v JavaScriptu s funkcijo fill().

JavaScript ponuja a izpolni () metoda, ki nam omogoča, da matriko zapolnimo s statičnimi vrednostmi. Lahko se uporablja s funkcijo join() za ponavljanje nečesa v JavaScriptu. Vrednosti nizov lahko na primer vstavite v prazno matriko s funkcijo fill() in jih združite s funkcijo join(), da dobite ponovljeni niz. Tukaj je primer kode, ki prikazuje, kako lahko ponovite niz s funkcijo fill():

< html >

< telo >

< scenarij >

naj str = 'FRONTEND'

naj rpt_str = Array ( 5 ) . napolniti ( str ) . pridruži se ( '' )

dokument. pisati ( rpt_str ) ;

scenarij >

telo >

html >

V zgornjem primeru:

  • Spremenljivka str je definirana in dodeljena z vrednostjo “ FRONTEND ”.
  • Funkcija Array(5) bo ustvarila 5 rež, v katerih bo niz zapolnjen in združen v ponovljeni niz. Vrednost je shranjena v spremenljivki “rpt_str”.
  • document.write(rpt_str) bo natisnil ponovljeni niz.

Izhod

Pri izvajanju kode se bo niz 'FRONTEND' ponovil 5-krat:

To je vse o ponavljanju nečesa v JavaScriptu z uporabo različnih metod.

Zaključek

Običajna metoda za ponavljanje nečesa v JavaScriptu je uporaba funkcije ES6 repeat(), ki sprejme določen parameter, ki označuje število ponovitev elementa. Druge metode, kot je uporaba zanke while, rekurzivnih funkcij ali metode fill(). Ta članek pojasnjuje različne načine, kako je mogoče nekaj ponoviti v JavaScriptu, skupaj z njihovimi primeri.