Come ripetere qualcosa in JavaScript?

Come Ripetere Qualcosa In Javascript



Ripetizione a volte è necessario costruire pagine web dinamiche e interattive. La ripetizione in JavaScript offre numerose funzionalità come l'automazione delle attività, lo sviluppo di applicazioni Web flessibili/dinamiche, un'esperienza utente migliorata e molto altro. La ripetizione può essere ottenuta in JavaScript utilizzando vari metodi.

Questo articolo discute diversi metodi su come ripetere qualcosa in JavaScript.

Come ripetere qualcosa in JavaScript?

Una stringa può essere ripetuta in JavaScript nei seguenti modi:







Esaminiamo ciascun metodo in dettaglio.



Metodo 1: ripetere qualcosa in JavaScript utilizzando il ciclo While

Mentre ' è un'istruzione del flusso di controllo in JavaScript che viene eseguita ripetutamente in una condizione specificata. La condizione viene esaminata prima di ogni iterazione. Il ciclo while viene eseguito finché la condizione non è accurata. Una volta che la condizione è falsa, il ciclo interrompe l'esecuzione. Il codice seguente illustra il processo di ripetizione in JavaScript utilizzando i cicli while:



DOCTYPEhtml >

< html >

< sceneggiatura >

ripetizione della funzione ( forza, conta ) {

lascia che rpt_Str = ' ' ;

Mentre ( contare > 0 ) {

rpt_Str += stra ;

contare --;

}

ritorno rpt_Str ;

}

documento. scrivere ( ripetere ( 'TAYLOR' , 6 ) ) ;

sceneggiatura >

html >

Nell'esempio sopra:





  • All'interno del tag script con i parametri “str” e “count” è definita una funzione Repeat().
  • Successivamente, abbiamo definito una stringa vuota “rpt_str” e avviato un ciclo while con la condizione che il conteggio rimanga maggiore di 0.
  • 'rpt_str' contiene il valore 'str' ​​e il ciclo while funziona a meno che la condizione non sia più vera. In questo caso il valore del conteggio è 6 quindi la stringa verrà stampata 6 volte.

Produzione

La stringa “TAYLOR” verrà ripetuta 6 volte che equivale al conteggio:



Metodo 2: ripetere qualcosa in JavaScript utilizzando ES6 Repeat()

ES6 ripetere() può essere usato per ripetere una stringa in JavaScript. Viene restituita una stringa che presenta duplicati particolari quando viene chiamata. Ecco un esempio di codice che mostra come ripetere una stringa utilizzando ripeti():

DOCTYPEhtml >

< html >

< sceneggiatura >

funzione rpt_str ( str,conta ) {

Se ( contare > 0 )

ritorno stra. ripetere ( contare ) ;

altro

ritorno '' ;

}

documento. scrivere ( rpt_str ( 'JavaScript' , 5 ) ) ;

sceneggiatura >

html >

Nel codice sopra,

  • Una funzione “rpt_str()” è definita con i parametri str e count.
  • Il valore str viene assegnato come 'JavaScript' che si ripeterà in base al valore assegnato a count.

Produzione

In questo esempio, il valore assegnato a count è 5, quindi la funzione Repeat() ripeterà JavaScript 5 volte:

Metodo 3: ripetere qualcosa in JavaScript utilizzando la ricorsione

La ricorsione consente a una funzione di richiamare se stessa ripetutamente a meno che non ottenga il risultato desiderato. Nella ricorsione, è necessario specificare un caso primario/base per terminare la ricorsione. È convenzionalmente all'interno di una clausola condizionale. La funzione ricorsiva funziona chiamandosi ripetutamente finché non si ottiene il risultato desiderato. L'esempio seguente aiuta a comprendere il metodo di ricorsione per eseguire la ripetizione in JavaScript:

! DOCTYPEhtml >

< html >

< sceneggiatura >

funzione rpt_str ( str,conta ) {

Se ( contare < 0 )

ritorno '' ;

Se ( contare === 1 )

ritorno stra ;

altro

ritorno stra + rpt_str ( forza, conta - 1 ) ;

}

documento. scrivere ( rpt_str ( ' CODICE ' , 7 ) ) ;

sceneggiatura >

html >

Nel codice sopra:

  • Una funzione “rpt_str()” viene definita con i parametri “str” e “count”.
  • Se il valore del conteggio è inferiore a 0, verrà restituita una stringa vuota. Se il valore di count è 1, restituirà str e se il valore di str è maggiore di 1, la funzione concatena il valore di input di str con il risultato di rpt_str(str, count – 1).
  • Qui, il valore di str è 'CODE' e il valore di count è 7 quindi la stringa ripetuta stamperà CODE 7 volte.

Produzione:

Metodo 4: ripetere qualcosa in JavaScript utilizzando la funzione fill()

JavaScript offre a riempire() metodo che ci permette di riempire un array con valori statici. Può essere utilizzato con la funzione join() per ripetere qualcosa in JavaScript. Ad esempio, i valori della stringa possono essere inseriti in un array vuoto utilizzando la funzione fill() e uniti insieme con la funzione join() per ottenere la stringa ripetuta. Ecco un esempio di codice che mostra come ripetere una stringa con la funzione fill():

< html >

< corpo >

< sceneggiatura >

lascia che str = ' FINE FRONTALE '

lascia che rpt_str = Vettore ( 5 ) . riempire ( stra ) . giuntura ( '' )

documento. scrivere ( rpt_str ) ;

sceneggiatura >

corpo >

html >

Nell'esempio sopra:

  • Una variabile str viene definita e assegnata con il valore “FRONTEND”.
  • La funzione Array(5) creerà 5 slot in cui la stringa verrà riempita e unita tra loro per formare una stringa ripetuta. Il valore è memorizzato nella variabile “rpt_str”.
  • document.write(rpt_str) stamperà la stringa ripetuta.

Produzione

All'esecuzione del codice la stringa “FRONTEND” verrà ripetuta 5 volte:

Si tratta di ripetere qualcosa in JavaScript utilizzando metodi diversi.

Conclusione

Un metodo usuale per ripetere qualcosa in JavaScript è utilizzare la funzione ripetizione() di ES6 che accetta un parametro specificato che indica il numero di iterazioni dell'elemento. Altri metodi come l'utilizzo di un ciclo while, funzioni ricorsive o il metodo fill(). Questo articolo spiega vari modi in cui qualcosa può essere ripetuto in JavaScript insieme ai loro esempi.