Javascript foreach

Mentre si lavora con gli array in JavaScript, potrebbe essere necessario iterare l'array per ottenere l'output durante l'esecuzione di alcune operazioni su di essi. Per fare ciò, JavaScript fornisce alcuni metodi, tra cui il "per ciascuno()"Metodo che eseguirà la funzione specificata una volta per ogni elemento all'interno di un array.

Questo articolo illustrerà la funzionalità del metodo JavaScript Foreach ().

Qual è il metodo JavaScript foreach ()?

IL "per ciascuno()"Il metodo si itera attraverso gli elementi di un array mentre chiama una funzione. Utilizza una funzione in modo diverso rispetto al tradizionale "per loop". Il valore di ritorno di questo metodo è sempre indefinito. A seconda della funzionalità della funzione dell'argomento, questo metodo può o meno modificare l'array passato.

Sintassi
Segui la sintassi menzionata data per utilizzare il loop foreach in JavaScript:

foreach (callback (elemento, indice, arr));

Qui, il "richiamare()"È la funzione che verrà invocata per ogni elemento dell'array memorizzato in questo parametro,"elemento"È il valore di un array che verrà elaborato,"indice"È l'indice dell'elemento che verrà elaborato e"arr"È l'array che viene passato al metodo. IL "arr" e il "indice"Sono gli argomenti opzionali, mentre il"elemento" è obbligatorio.

Esempio 1
In questo esempio, in primo luogo, creeremo una serie di numeri dispari:

var oddNumbers = [1, 3, 5, 9, 11];

Ora stamperemo gli elementi dell'array sulla console:

numeri dispari.foreach (function (numero)
console.log (numero);
);

Produzione

Ora, vediamo come utilizzare il metodo foreach () in javascript con un file html.

Esempio 2
Qui, nel file HTML, creeremo un pulsante che invocheremo il "findSquare ()"Metodo quando viene attivato il suo evento OnClick:

Fai clic per vedere il quadrato dei numeri dispari:

Successivamente, definisci una funzione chiamata "findSquare ()"Che contiene un array di numeri dispari e un array vuoto. Nella sua definizione della funzione, chiamare il metodo foreach () che quadrata ogni elemento di array e poi lo spingerà nel vuoto "piazza" vettore:

funzione findSquare ()
var oddNumbers = [1, 3, 5, 9, 11];
var quadrato = [];
numeri dispari.foreach (function (numero)
piazza.push (numero * numero);
);

Infine, stampare i nuovi valori usando "documento.scrivere()" metodo:

documento.Scrivi ("Square of Odd Numeri" 1,3,5,7,9,11 "è:");
documento.scrivere (quadrato);

Quando si fa clic sul pulsante, vengono visualizzati tutti i valori dell'array quadrato:

Abbiamo coperto tutte le informazioni essenziali relative al metodo JavaScript foreach ().

Conclusione

IL "per ciascuno()"Il metodo chiama una funzione mentre si itera attraverso gli elementi di un array. Differisce in qualche modo dal tradizionale "per loop". Questo metodo viene utilizzato per iterare attraverso set, mappe e array. In questo articolo, abbiamo illustrato il metodo JavaScript Foreach () con esempi dettagliati, incluso il file JavaScript basato sulla console e collegato con HTML.