for în JavaScript

Structuri de control și funcții Toate browserele, Node.js

Repetă un bloc de cod de un număr cunoscut de ori, folosind un contor.

Sintaxă
for (initializare; conditie; pas) { ... }

Ce face for

Bucla for are trei părți: inițializarea contorului (o singură dată, la început), condiția (verificată înainte de fiecare repetare) și pasul (rulat după fiecare repetare).

Instrucțiunea break oprește bucla, iar continue sare la următoarea repetare. Pentru a parcurge pur și simplu elementele unui tablou, for...of sau forEach sunt mai ușor de citit.

Exemple

Exemplul 1: Numărare de la 1 la 5

for (let i = 1; i <= 5; i++) {
  console.log("Pasul " + i);
}

Rezultat

Pasul 1
Pasul 2
Pasul 3
Pasul 4
Pasul 5

Exemplul 2: Parcurgerea unui tablou cu indice

const orase = ["Cluj", "Iași", "Timișoara"];

for (let i = 0; i < orase.length; i++) {
  console.log(`${i + 1}. ${orase[i]}`);
}

Rezultat

1. Cluj
2. Iași
3. Timișoara

Exemplul 3: break și continue

for (let i = 1; i <= 10; i++) {
  if (i % 2 === 0) continue;
  if (i > 7) break;
  console.log(i);
}

Rezultat

1
3
5
7

Greșeli frecvente

  • Scrii i <= tablou.length în loc de i < tablou.length. Ultimul pas citește un element care nu există și primești undefined.
  • Declari contorul cu var. Funcțiile create în buclă (de exemplu cu setTimeout) văd toate ultima valoare. Cu let, fiecare repetare are propria valoare.

Comenzi înrudite

  • for...of: Parcurge pe rând elementele unui tablou, ale unui șir sau ale altei colecții.
  • while: Repetă un bloc de cod cât timp o condiție este adevărată.
  • forEach: Rulează o funcție pentru fiecare element dintr-un tablou.