Differenza tra foreach e per loop in javascript

I loop vengono utilizzati per eseguire una serie di istruzioni più volte. È utile ridurre lo sforzo di creare il codice molte volte. IL per loop è una struttura ripetuta di base che itera istruzioni A/multiple. Si riferisce al numero di volte per l'esecuzione delle dichiarazioni controllando la condizione. Mentre per ciascuno Loop itera attraverso elementi dell'array.Questo post fornisce un funzionamento dettagliato e un utilizzo per e foreach loop in JavaScript. Lo scopo è fornire una differenza completa tra i due loop.

Differenza tra per e foreach loop in javascript?

IL per ciascuno Il metodo viene utilizzato principalmente per eseguire il codice in base agli elementi del vettore, mappe, O imposta. Ha la proprietà di accedere sia all'indice che al valore di ciascun elemento. Ci vuole tempo per eseguire il codice a causa della chiamata del metodo.

Mentre il per loop è il ciclo più semplice e versatile JavaScript. Rappresenta il numero di volte per eseguire la condizione. La tabella seguente rappresenta il funzionamento del Loop e Forech Loop in JavaScript.

per loop	Forech Loop
Tipo generico di loop e può essere utilizzato in una varietà di scenari.	Per lo più applicato su array, mappe e set.
Utile per ripetere rapidamente la raccolta di articoli.	Utile per ripetere il sottoinsieme degli elementi.
La sintassi è più facile e più veloce.	Il formato della sintassi è un po 'complesso.
Non fornisce una struttura per la modifica durante l'iterazione.	L'utente modifica gli articoli secondo i requisiti.
L'utente può utilizzare l'istruzione Break per rompere.	Non può fornire una struttura per interrompere la dichiarazione a causa del metodo di callback.

Sintassi del ciclo foreach in javascript

vettore.foreach (function (Currval, indice, array)
// Esegui il pezzo di codice
);

I parametri utilizzati nella sintassi sopra sono elencati di seguito:

• funzione (Currval, indice, array): La funzione da eseguire su ogni elemento.
• Currval: Valore corrente dell'array.
• Indice: Indice corrente dell'elemento.
• Vettore: L'array di elementi attuali.

Sintassi del ciclo per JavaScript

per (inizializzatore; condizione; contatore)

// Esegui il pezzo di codice

Nel per loop, Sono specificate tre condizioni:

• inizializzatore: inizializza la variabile con un valore.
• condizione: specifica la condizione per eseguire il codice.
• contatore: Specificare il controllo del flusso di un loop utilizzando operazioni aritmetiche.

In che modo Forech Loop funziona in JavaScript?

Un esempio è dato di seguito utilizzando il per ciascuno metodo in JavaScript.

Codice

// viene dato un esempio per utilizzare il metodo foreach in javascript
Array let = [1, 2, 3, 4, 5, 6, 7, 8]; // Specifica un array di numeri
// operazione per il quadrato di ciascun numero
let rtnValue = array.foreach (val =>
console.log ('$ val x $ val = $ val * val'));

La descrizione del JavaScript Il codice è fornito di seguito:

• UN vettore La variabile è inizializzata.
• IL per ciascuno Il metodo viene utilizzato per accedere agli elementi dell'array.
• All'interno del ciclo foreach, ogni valore dell'array viene quadrata (moltiplicando l'elemento array da solo).
• Infine, l'uscita viene visualizzata sulla console.

Produzione

L'uscita mostra il quadrato di tutti e otto gli elementi dell'array nella console.

Come funziona per loop in javascript?

Un esempio è fornito che dimostra il concetto di per loop In JavaScript.

Codice

// Viene dato un esempio per utilizzare il ciclo for in javascript
var array = [1,2,3,4];
console.log ('Utilizzo per loop in javascript');
per (var i = 0; i < array.length; i++)

console.log (array [i]);

La descrizione del codice è elencata di seguito:

• È definito un array che contiene quattro elementi.
• Dopodiché, il per loop viene eseguito sugli elementi dell'array per stamparli.
• In secondo luogo, viene posizionata una condizione che esegue il codice fornito dal vettore.lunghezza.
• Infine, il io++ L'operatore di incremento viene utilizzato per aumentare il valore del I variabile da uno.

Produzione

L'output mostra che il per loop esegue le dichiarazioni quattro volte (poiché il numero di elementi è quattro nell'array).

Conclusione

In primo luogo, entrambi sono i tipi di loop usati per iterare il numero di raccolte. IL per ciascuno il metodo viene utilizzato per eseguire il codice per ogni elemento che si trova nell'array. D'altra parte, il per loop è semplice da usare e ripete il pezzo di codice specificato dall'utente. IL per loop consuma meno tempo di esecuzione ed è utile per risolvere problemi complessi. Hai imparato i punti importanti tra il ciclo di entrambi e foreach utilizzando il JavaScript. Per una migliore comprensione, abbiamo fornito anche esempi di ciascun tipo di loop.