Javascript Array forEach ()

Il metodo JavaScript Array forEach () esegue una funzione fornita per ogni elemento dell'array.

La sintassi del forEach()metodo è:

 arr.forEach(callback(currentValue), thisArg)

Qui, arr è un array.

Parametri forEach ()

Il forEach()metodo comprende:

  • callback - La funzione da eseguire su ogni elemento dell'array. Comprende:
    • currentValue - L'elemento corrente passato dall'array.
  • thisArg (opzionale) - Valore da utilizzare come thisdurante l'esecuzione della richiamata. Per impostazione predefinita, lo è undefined.

Valore restituito da forEach ()

  • Resi undefined.

Note :

  • forEach() non modifica l'array originale.
  • forEach()viene eseguito callbackuna volta per ogni elemento dell'array in ordine.
  • forEach()non viene eseguito callbackper gli elementi della matrice senza valori.

Esempio 1: stampa del contenuto di un array

 function printElements(element, index) ( console.log('Array Element ' + index + ': ' + element); ) const prices = (1800, 2000, 3000, , 5000, 500, 8000); // forEach does not execute for elements without values // in this case, it skips the third element as it is empty prices.forEach(printElements);

Produzione

 Elemento array 0: 1800 Elemento array 1: 2000 Elemento array 2: 3000 Elemento array 4: 5000 Elemento array 5: 500 Elemento array 6: 8000

Esempio 2: utilizzo di thisArg

 function Counter() ( this.count = 0; this.sum = 0; this.product = 1; ) Counter.prototype.execute = function (array) ( array.forEach((entry) => ( this.sum += entry; ++this.count; this.product *= entry; ), this) ) const obj = new Counter(); obj.execute((4, 1, , 45, 8)); console.log(obj.count); // 4 console.log(obj.sum); // 58 console.log(obj.product); // 1440

Produzione

 4 58 1440

Qui, possiamo ancora vedere che forEachsalta l'elemento vuoto. thisArgviene passato come thisall'interno della definizione del executemetodo dell'oggetto Counter.

Letture consigliate: JavaScript Array map ()

Articoli interessanti...