Javascript Array forEach ()

JavaScript Array forEach () -metoden kör en tillhandahållen funktion för varje matriselement.

Syntaxen för forEach()metoden är:

 arr.forEach(callback(currentValue), thisArg)

Här är arr en matris.

forEach () Parametrar

Den forEach()metod tar in:

  • callback - Funktionen att utföra på varje arrayelement. Det tar in:
    • currentValue - Det aktuella elementet som skickas från matrisen.
  • thisArg (valfritt) - Värde att använda som thisvid återuppringning. Som standard är det undefined.

Returvärde från forEach ()

  • Returnerar undefined.

Anmärkningar :

  • forEach() ändrar inte den ursprungliga matrisen.
  • forEach()körs en callbackgång för varje arrayelement i ordning.
  • forEach()körs inte callbackför arrayelement utan värden.

Exempel 1: Skriva ut innehåll i matrisen

 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

Exempel 2: Använda dennaArg

 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

Här kan vi återigen se som forEachhoppar över det tomma elementet. thisArgskickas som thisinne i definitionen av executemetoden för Counter-objektet.

Rekommenderad läsning: JavaScript Array karta ()

Intressanta artiklar...