`forEach` în JavaScript

Tablouri (array) ES5 (toate browserele moderne)

Rulează o funcție pentru fiecare element dintr-un tablou.

Sintaxă

tablou.forEach((element, indice, tablou) => { ... })

Ce face `forEach`

forEach parcurge tabloul și apelează funcția dată pentru fiecare element. Funcția primește elementul, indicele lui și tabloul întreg.

forEach nu returnează nimic și nu poate fi oprit cu break. Dacă vrei un tablou nou, folosește map. Dacă vrei să te oprești la un moment dat, folosește for...of.

Parametri

Parametru	Descriere
`element`	Elementul curent.
`indice`	Opțional. Poziția elementului.
`tablou`	Opțional. Tabloul parcurs.

Ce returnează

undefined.

Exemple

Exemplul 1: Afișarea fiecărui element

const limbaje = ["PHP", "JavaScript", "SQL"];

limbaje.forEach((limbaj, indice) => {
  console.log(`${indice + 1}. ${limbaj}`);
});

Rezultat

1. PHP
2. JavaScript
3. SQL

Exemplul 2: Calculul unui total

const cos = [
  { produs: "Mouse", pret: 80, bucati: 2 },
  { produs: "Tastatură", pret: 150, bucati: 1 },
];
let total = 0;

cos.forEach((linie) => {
  total += linie.pret * linie.bucati;
});

console.log(`Total: ${total} lei`);