Mètode JavaScript Array forEach().

El mètode forEach(). crida a una funció per a cada element d'una matriu. No retorna una matriu nova i no modifica la matriu original. S'utilitza habitualment per a la iteració i realitzar accions en cada element de la matriu.

Sintaxi:

array.forEach(callback(element, index, arr), thisValue); 

Paràmetres:

Aquest mètode accepta cinc paràmetres tal com s'ha esmentat anteriorment i es descriu a continuació:

Paràmetre Descripció
devolució de trucada Aquest paràmetre conté la funció que cal cridar per a cada element de la matriu.
element El paràmetre conté el valor dels elements que s'estan processant actualment.
índex Aquest paràmetre és opcional, conté l'índex de l'element de valor actual a la matriu a partir de 0.
matriu Aquest paràmetre és opcional, conté la matriu completa en què forEach> es diu.
aquest Arg Aquest paràmetre és opcional, conté el context que s'ha de passar this> s'utilitzarà mentre s'executa la funció de devolució de trucada. Si es passa el context, s'utilitzarà com a this> per a cada invocació de la funció de devolució de trucada, en cas contrari undefined> s'utilitza per defecte.

Valor de retorn:

El valor de retorn d'aquest mètode sempre no està definit. Aquest mètode pot canviar o no la matriu original proporcionada, ja que depèn de la funcionalitat de la funció d'argument.

Exemple 1: En aquest exemple, el Array.forEach() El mètode s'utilitza per copiar tots els elements d'una matriu a una altra.

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

Sortida
[ 26, 50, 74 ] 

Exemple 2: En aquest exemple, el mètode per cadascú() calcula el quadrat de cada element de la matriu.

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

Sortida
[ 1, 841, 2209 ] 

Navegadors compatibles:

  • Google Chrome
  • Edge
  • Firefox
  • Òpera
  • Safari

Tenim una llista completa de mètodes de matriu de JavaScript, per comprovar-los, si us plau, aneu a Referència completa de Javascript Array article.