Javascript Array forEach ()

JavaScript Array forEach () -metoden udfører en forudsat funktion for hvert matrixelement.

Metodens syntaks forEach()er:

 arr.forEach(callback(currentValue), thisArg)

Her er arr en matrix.

forEach () Parametre

Den forEach()metode tager i:

  • callback - Funktionen, der skal udføres på hvert array-element. Det tager i:
    • currentValue - Det aktuelle element, der sendes fra arrayet.
  • thisArg (valgfri) - Værdi, der skal bruges som thisved tilbagekaldelse. Som standard er det undefined.

Returneringsværdi fra forEach ()

  • Returnerer undefined.

Bemærkninger :

  • forEach() ændrer ikke den oprindelige matrix.
  • forEach()udføres en callbackgang for hvert array-element i rækkefølge.
  • forEach()udfører ikke callbackfor matrixelementer uden værdier.

Eksempel 1: Udskrivning af matrixindhold

 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);

Produktion

 Array Element 0: 1800 Array Element 1: 2000 Array Element 2: 3000 Array Element 4: 5000 Array Element 5: 500 Array Element 6: 8000

Eksempel 2: Brug af denneArg

 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

Produktion

 4 58 1440

Her kan vi igen se, at forEachspringer over det tomme element. thisArgoverføres som thisinde i definitionen af executemetoden på Counter-objektet.

Anbefalet læsning: JavaScript Array map ()

Interessante artikler...