De forEach()-metoden anropar en funktion för varje element i en array. Den returnerar inte en ny array och ändrar inte den ursprungliga arrayen. Det används vanligtvis för iteration och för att utföra åtgärder på varje matriselement.
Syntax:
array.forEach(callback(element, index, arr), thisValue);>
Parametrar:
Denna metod accepterar fem parametrar som nämnts ovan och beskrivs nedan:
| Parameter | Beskrivning |
|---|---|
| ring tillbaka | Denna parameter innehåller funktionen som ska anropas för varje element i arrayen. |
| element | Parametern innehåller värdet på de element som bearbetas för närvarande. |
| index | Den här parametern är valfri, den innehåller indexet för det aktuella värdeelementet i arrayen från 0. |
| array | Denna parameter är valfri, den innehåller hela arrayen på vilkenforEach>kallas. |
| dettaArg | Denna parameter är valfri, den innehåller kontexten som ska skickas somthis>som ska användas när återuppringningsfunktionen utförs. Om sammanhanget godkänns kommer det att användas somthis>för varje anrop av återuppringningsfunktionen, annarsundefined>används som standard. |
Returvärde:
Returvärdet för denna metod är alltid odefinierat. Den här metoden kan eller kanske inte ändrar den ursprungliga arrayen som tillhandahålls eftersom den beror på funktionaliteten hos argumentfunktionen.
Exempel 1: I det här exemplet är Array.forEach() Metoden används för att kopiera varje element från en array till en annan.
JavaScript
// JavaScript to illustrate forEach() method function func() { // Original array const items = [12, 24, 36]; const copy = []; items.forEach(function (item) { copy.push(item + item + 2); }); console.log(copy); } func();> Produktion
[ 26, 50, 74 ]>
Exempel 2: I detta exempel, metoden för varje() beräknar kvadraten på varje element i matrisen.
JavaScript // JavaScript to illustrate forEach() method function func() { // Original array const items = [1, 29, 47]; const copy = []; items.forEach(function (item) { copy.push(item * item); }); console.log(copy); } func();> Produktion
[ 1, 841, 2209 ]>
Webbläsare som stöds:
- Google Chrome
- Kant
- Firefox
- Opera
- Safari
Vi har en komplett lista över JavaScript Array-metoder, för att kontrollera dem, gå igenom Javascript Array Complete Reference artikel.