Kako ponoviti nešto u JavaScriptu?

Kako Ponoviti Nesto U Javascriptu



Ponavljanje ponekad je potrebno za izradu dinamičnih i interaktivnih web stranica. Ponavljanje u JavaScriptu pruža brojne značajke kao što su automatizacija zadataka, fleksibilan/dinamički razvoj web aplikacija, poboljšano korisničko iskustvo i još mnogo toga. Ponavljanje se u JavaScriptu može postići različitim metodama.

Ovaj članak govori o različitim metodama kako se nešto može ponoviti u JavaScriptu.

Kako ponoviti nešto u JavaScriptu?

Niz se može ponoviti u JavaScriptu na sljedeće načine:







Razmotrimo svaku metodu u detalje.



Metoda 1: Ponovite nešto u JavaScriptu koristeći while petlju

Dok ” je naredba tijeka kontrole u JavaScriptu koja se više puta izvršava pod određenim uvjetima. Uvjet se pregledava prije svake iteracije. Dok se petlja izvodi dok uvjet nije točan. Nakon što je uvjet lažan, petlja se prestaje izvršavati. Sljedeći kod ilustrira proces ponavljanja u JavaScriptu pomoću while petlji:



DOCTYPE html >

< html >

< skripta >

ponavljanje funkcije ( str, brojati ) {

neka rpt_Str = ' ' ;

dok ( računati > 0 ) {

rpt_Str += str ;

računati --;

}

povratak rpt_Str ;

}

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

skripta >

html >

U gornjem primjeru:





  • Funkcija repeat() definirana je unutar oznake skripte s parametrima “str” i “count”.
  • Zatim smo definirali prazan niz 'rpt_str' i pokrenuli while petlju uz uvjet da broj ostaje veći od 0.
  • “rpt_str” sadrži vrijednost “str” i while petlja radi osim ako uvjet više nije istinit. U ovom slučaju, vrijednost brojanja je 6 tako da će niz biti ispisan 6 puta.

Izlaz

Niz 'TAYLOR' će se ponoviti 6 puta što je ekvivalentno brojanju:



Metoda 2: Ponovite nešto u JavaScriptu pomoću ES6 repeat()

ES6 ponoviti() može se koristiti za ponavljanje niza u JavaScriptu. Vraća se niz koji ima određene duplikate kada se pozove. Evo primjera koda koji pokazuje kako možemo ponoviti niz koristeći repeat():

DOCTYPE html >

< html >

< skripta >

funkcija rpt_str ( str,broj ) {

ako ( računati > 0 )

povratak str. ponoviti ( računati ) ;

drugo

povratak '' ;

}

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

skripta >

html >

U gornjem kodu,

  • Funkcija “rpt_str()” definirana je s parametrima str i count.
  • Vrijednost str je dodijeljena kao 'JavaScript' koja će se ponavljati prema vrijednosti dodijeljenoj za brojanje.

Izlaz

U ovom primjeru, vrijednost dodijeljena count je 5 tako da će funkcija repeat() ponoviti JavaScript 5 puta:

Metoda 3: Ponovite nešto u JavaScriptu pomoću rekurzije

Rekurzija omogućuje funkciji da sama sebe poziva osim ako ne dobije željeni rezultat. U rekurziji, primarni/osnovni slučaj mora biti specificiran da bi se završila rekurzija. Uobičajeno je unutar uvjetne rečenice. Rekurzivna funkcija radi ponavljajući sama sebe pozivajući dok ne dobijemo željeni rezultat. Sljedeći primjer pomaže razumjeti metodu rekurzije za ponavljanje u JavaScriptu:

! DOCTYPE html >

< html >

< skripta >

funkcija rpt_str ( str,broj ) {

ako ( računati < 0 )

povratak '' ;

ako ( računati === 1 )

povratak str ;

drugo

povratak str + rpt_str ( str, brojati - 1 ) ;

}

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

skripta >

html >

U gornjem kodu:

  • Funkcija “rpt_str()” definirana je parametrima “str” i “count”.
  • Ako je vrijednost brojača manja od 0, vratit će se prazan niz. Ako je vrijednost count 1, vratit će str, a ako je vrijednost str veća od 1, funkcija povezuje ulaznu vrijednost str s rezultatom iz rpt_str(str, count – 1).
  • Ovdje je vrijednost str 'CODE', a vrijednost broja je 7, stoga će ponovljeni niz ispisati CODE 7 puta.

Izlaz:

Metoda 4: Ponovite nešto u JavaScriptu pomoću funkcije fill().

JavaScript nudi a popuniti () metoda koja nam omogućuje ispunjavanje niza statičkim vrijednostima. Može se koristiti s funkcijom join() za ponavljanje nečega u JavaScriptu. Na primjer, vrijednosti niza mogu se umetnuti u prazan niz pomoću funkcije fill() i spojiti zajedno s funkcijom join() kako bi se dobio ponovljeni niz. Evo primjera koda koji pokazuje kako možete ponoviti niz s funkcijom fill():

< html >

< tijelo >

< skripta >

neka str = ' FRONTEND '

neka rpt_str = Niz ( 5 ) . ispuniti ( str ) . pridružiti ( '' )

dokument. pisati ( rpt_str ) ;

skripta >

tijelo >

html >

U gornjem primjeru:

  • Varijabla str je definirana i dodijeljena joj je vrijednost “ FRONTEND ”.
  • Funkcija Array(5) će stvoriti 5 utora u kojima će se niz popuniti i spojiti da bi se formirao ponovljeni niz. Vrijednost je pohranjena u varijabli “rpt_str”.
  • document.write(rpt_str) će ispisati ponovljeni niz.

Izlaz

Prilikom pokretanja koda, niz 'FRONTEND' će se ponoviti 5 puta:

To je sve o ponavljanju nečega u JavaScriptu koristeći različite metode.

Zaključak

Uobičajena metoda za ponavljanje nečega u JavaScriptu je korištenje funkcije ES6 repeat() koja uzima određeni parametar koji označava broj ponavljanja elementa. Ostale metode kao što je korištenje while petlje, rekurzivnih funkcija ili metode fill(). Ovaj članak objašnjava različite načine na koje se nešto može ponoviti u JavaScriptu zajedno s njihovim primjerima.