forEach Loop in JavaScript: una soluzione unica per i principianti



In questo blog impareremo a conoscere il ciclo forEach e la sua implementazione in JavaScript. Il blog copre argomenti come parametri, rendimento e utilizzo.

fornisce una moltitudine di modi per implementare i cicli per attraversare un array. Oggi parleremo di un ciclo particolare che si è rapidamente trasformato in uno dei preferiti tra gli sviluppatori di per ciascuno loop in JavaScript. Di seguito sono riportati gli argomenti che esamineremo:

come creare un pacchetto java

Cosa sono i loop e gli array?

Loop è il termine per il processo di implementazione di un iteratore, cioè qualcosa che viene fatto ripetutamente. Quindi, se dovessi contare da 1 a 10, implementeresti un ciclo che ripete dieci volte e aumenta un valore di conteggio di 1.

Array sono semplicemente, una raccolta di oggetti simili. In genere è ottimo per mantenere un elenco di cose, ad esempio le informazioni sugli studenti, che potrebbero essere archiviate come oggetto studente in un array. Un ottimo modo per attraversare un array è stato un ciclo for, ed è esattamente ciò su cui migliora il ciclo forEach. Impariamo di più sul ciclo forEach.





forEach nella sintassi JavaScript

student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((student) => {// Puoi eseguire la funzione desiderata qui print (student)}


Lo snip sopra è la sintassi di un file per ciascuno loop in . Diamo un'occhiata più da vicino a come viene eseguito tutto questo. In primo luogo dichiariamo un array di nomi di studenti e lo denominiamo in modo appropriato. Quindi invochiamo la funzione forEach con l'estensione operatore punto (.). I dati restituiti dalla funzione vengono archiviati in student. I dati vengono restituiti da una funzione di callback. In questo esempio, stampiamo semplicemente i nomi dello studente che fornirebbe l'output 'Rob Van Dam'

Parametri di forEach in JavaScript

I parametri vengono passati nella funzione di callback, sono-



  • currentValue - I valori correnti passati nel callback. Nello snip il currentValue è alunno . Questo parametro è obbligatorio.
  • index - L'indice dell'elemento corrente nell'array. Questo è un parametro opzionale.
  • this - si riferisce all'oggetto corrente nello stack di chiamate.

Valore restituito di forEach in JavaScript

non definito . Sempre .

Filter, Map restituisce un array e forEach restituisce undefined. Questa è la principale differenza tra questi loop.



Ora che le basi sono finite, esaminiamo alcune regole da tenere a mente durante l'utilizzo per ciascuno .

  • forEach esegue la funzione di callback una volta per ogni elemento dell'array.
  • Restituisce sempre undefined.
  • Non muta l'array, ma il callback può, se programmato, farlo.
  • forEach non è concatenabile come mappa, riduzione o filtro.
  • La gamma di elementi elaborati da per ciascuno loop viene impostato prima della prima chiamata della funzione di callback.
  • Elementi aggiunti all'array dopo forEach avviato non sono visitati dal ciclo.
  • Gli elementi che vengono eliminati prima di essere visitati dal loop non vengono visitati.
  • Se gli elementi già visitati vengono rimossi dall'array durante l'iterazione, gli elementi successivi verranno ignorati.
  • forEach una volta avviato non può essere interrotto senza uccidere il thread del processo. Consideralo come un abbonamento. Devi cancellarti perché si fermi.
  • forEach non esegue il callback per gli elementi dell'array senza valori.

Queste sono le regole da tenere sempre presenti quando si utilizza il forEach loop.

Ora che conosci il ciclo forEach, dai un'occhiata alla formazione sulla certificazione per lo sviluppo web di Edureka. Il corso di formazione sulla certificazione per lo sviluppo web ti aiuterà a imparare come creare siti web straordinari utilizzando HTML5, CSS3, Twitter Bootstrap 3, jQuery e API di Google e a distribuirli su Amazon Simple Storage Service (S3).

Hai domande per noi? Si prega di menzionarlo nella sezione commenti di 'forEach in JavaScript' e ti risponderemo.