Cum se repetă ceva în JavaScript?

Cum Se Repeta Ceva In Javascript



Repetiţie este uneori necesar pentru a construi pagini web dinamice și interactive. Repetarea în JavaScript oferă numeroase caracteristici, cum ar fi automatizarea sarcinilor, dezvoltarea de aplicații web flexibile/dinamice, experiență îmbunătățită a utilizatorului și multe altele. Repetarea poate fi realizată în JavaScript folosind diverse metode.

Acest articol discută diferite metode despre cum poate fi repetat ceva în JavaScript.

Cum se repetă ceva în JavaScript?

Un șir poate fi repetat în JavaScript în următoarele moduri:







Să analizăm fiecare metodă în detaliu.



Metoda 1: Repetați ceva în JavaScript folosind bucla While

In timp ce ” este o instrucțiune de flux de control în JavaScript care se execută în mod repetat într-o condiție specificată. Condiția este examinată înainte de fiecare iterație. Bucla while rulează până când condiția este exactă. Odată ce condiția este falsă, bucla se oprește. Următorul cod ilustrează procesul de repetiție în JavaScript folosind buclele while:



DOCTYPE html >

< html >

< scenariu >

repetarea funcției ( str, count ) {

lasă rpt_Str = ' ' ;

in timp ce ( numara > 0 ) {

rpt_Str += str ;

numara --;

}

întoarcere rpt_Str ;

}

document. scrie ( repeta ( 'TAYLOR' , 6 ) ) ;

scenariu >

html >

În exemplul de mai sus:





  • O funcție repeat() este definită în interiorul etichetei de script cu parametrii „str” și „count”.
  • Apoi, am definit un șir gol „rpt_str” și am început o buclă while cu condiția ca numărul să rămână mai mare decât 0.
  • „rpt_str” conține valoarea „str” și bucla while funcționează cu excepția cazului în care condiția nu mai este adevărată. În acest caz, valoarea numărului este 6, așa că șirul va fi imprimat de 6 ori.

Ieșire

Șirul „TAYLOR” va fi repetat de 6 ori, ceea ce este echivalent cu numărul:



Metoda 2: Repetați ceva în JavaScript folosind ES6 repeat()

ES6 repeta() poate fi folosit pentru a repeta un șir în JavaScript. Este returnat un șir care are anumite duplicate atunci când este apelat. Iată un exemplu de cod care arată cum putem repeta un șir folosind repeat():

DOCTYPE html >

< html >

< scenariu >

funcția rpt_str ( str,conte ) {

dacă ( numara > 0 )

întoarcere str. repeta ( numara ) ;

altfel

întoarcere '' ;

}

document. scrie ( rpt_str ( ' JavaScript ' , 5 ) ) ;

scenariu >

html >

În codul de mai sus,

  • O funcție „rpt_str()” este definită cu parametrii str și count.
  • Valoarea str este atribuită ca „JavaScript”, care se va repeta în funcție de valoarea atribuită numărării.

Ieșire

În acest exemplu, valoarea atribuită numărării este 5, așa că funcția repeat() va repeta JavaScript de 5 ori:

Metoda 3: Repetați ceva în JavaScript folosind recursiunea

Recursiunea permite unei funcții să se numească pe ea însăși în mod repetitiv, cu excepția cazului în care obține rezultatul dorit. În recursivitate, trebuie specificat un caz primar/de bază pentru a termina recursiunea. În mod convențional, este într-o clauză condiționată. Funcția recursivă operează apelându-se repetitiv până când obținem rezultatul dorit. Următorul exemplu vă ajută să înțelegeți metoda recursiunii pentru a face repetiția în JavaScript:

! DOCTYPE html >

< html >

< scenariu >

funcția rpt_str ( str,conte ) {

dacă ( numara < 0 )

întoarcere '' ;

dacă ( numara === 1 )

întoarcere str ;

altfel

întoarcere str + rpt_str ( str, count - 1 ) ;

}

document. scrie ( rpt_str ( 'COD' , 7 ) ) ;

scenariu >

html >

În codul de mai sus:

  • O funcție „rpt_str()” este definită cu parametrii „str” și „count”.
  • Dacă valoarea numărului este mai mică de 0, va fi returnat un șir gol. Dacă valoarea count este 1, va returna str, iar dacă valoarea str este mai mare decât 1, funcția concatenează valoarea de intrare a str cu rezultatul din rpt_str(str, count – 1).
  • Aici, valoarea lui str este „CODE”, iar valoarea count este 7, prin urmare șirul repetat va imprima CODE de 7 ori.

Ieșire:

Metoda 4: Repetați ceva în JavaScript folosind funcția fill().

JavaScript oferă a completati() metodă care ne permite să umplem o matrice cu valori statice. Poate fi folosit cu funcția join() pentru a repeta ceva în JavaScript. De exemplu, valorile șirurilor pot fi inserate într-o matrice goală folosind funcția fill() și unite împreună cu funcția join() pentru a obține șirul repetat. Iată un exemplu de cod care arată cum puteți repeta un șir cu funcția fill():

< html >

< corp >

< scenariu >

lasa str = ' ÎN FAȚĂ '

lasă rpt_str = Matrice ( 5 ) . completati ( str ) . a te alatura ( '' )

document. scrie ( rpt_str ) ;

scenariu >

corp >

html >

În exemplul de mai sus:

  • O variabilă str este definită și atribuită cu valoarea „FRONTEND”.
  • Funcția Array(5) va crea 5 sloturi în care șirul va fi umplut și unit împreună pentru a forma un șir repetat. Valoarea este stocată în variabila „rpt_str”.
  • document.write(rpt_str) va tipări șirul repetat.

Ieșire

La rularea codului, șirul „FRONTEND” va fi repetat de 5 ori:

Asta înseamnă să repeți ceva în JavaScript folosind diferite metode.

Concluzie

O metodă obișnuită de a repeta ceva în JavaScript este utilizarea funcției ES6 repeat() care preia un parametru specificat care indică numărul de iterații ale elementului. Alte metode, cum ar fi utilizarea unei bucle while, funcții recursive sau metoda fill(). Acest articol explică diferite moduri în care ceva poate fi repetat în JavaScript, împreună cu exemplele lor.