JavaScript forEach ()

Sommario

JavaScript forEach
forEach con Arrays
Aggiornamento degli elementi dell'array
forEach con funzione freccia
ciclo for a forEach ()
per ... di con i set
forEach con Maps

In questo tutorial imparerai a conoscere il metodo JavaScript forEach () con l'aiuto di esempi.

Il forEach()metodo chiama una funzione e itera sugli elementi di un array. Il forEach()metodo può essere utilizzato anche su mappe e set.

JavaScript forEach

La sintassi del forEach()metodo è:

 array.forEach(function(currentValue, index, arr))

Qui,

function (currentValue, index, arr) - una funzione da eseguire per ogni elemento di un array
currentValue: il valore di un array
index (opzionale) - l'indice dell'elemento corrente

arr (opzionale) - l'array degli elementi correnti

forEach con Arrays

Il forEach()metodo viene utilizzato per iterare su un array. Per esempio,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )

Produzione

 John Sara Jack

Nel programma precedente, il forEach()metodo accetta la myFunction()funzione che visualizza ogni elemento di un array di studenti.

Aggiornamento degli elementi dell'array

Come abbiamo visto nell'esempio precedente, il forEach()metodo viene utilizzato per iterare su un array, è abbastanza semplice aggiornare gli elementi dell'array. Per esempio,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item, index, arr) ( // adding strings to the array elements arr(index) = 'Hello ' + item; ) console.log(students);

Produzione

 ("Hello John", "Hello Sara", "Hello Jack")

forEach con funzione freccia

È possibile utilizzare la funzione freccia con il forEach()metodo per scrivere un programma. Per esempio,

 // with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));

Produzione

 John Sara Jack

ciclo for a forEach ()

Ecco un esempio di come possiamo scrivere un programma con forloop e con forEach().

Utilizzo del ciclo for

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using for loop for (let i = 0; i < arrayItems.length; i++) ( copyItems.push(arrayItems(i)); ) console.log(copyItems);

Produzione

 ("elemento1", "elemento2", "elemento3")

Utilizzo di forEach ()

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);

per … di con i set

È possibile scorrere gli elementi Set utilizzando il forEach()metodo. Per esempio,

 // define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )

Produzione

 1 2 3

forEach con Maps

È possibile scorrere gli elementi della mappa utilizzando il forEach()metodo. Per esempio,

 let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map map.forEach (myFunction); function myFunction(value, key) ( console.log(key + '- ' + value); )

Produzione