Aké typy for slučiek poznáte v JavaScripte?

U JavaScripte postoji nekoliko varijanti for petlji:

• for (klasična): Koristi se za iteraciju kroz numerički opseg ili za izvršavanje radnje određeni broj puta.

  // Iteracija kroz numerički opseg
  for (let i = 0; i < 5; i++) {
    console.log(i); // 0, 1, 2, 3, 4
  }
  

• for...in: Prolazi kroz ključeve (svojstva) enumerabilnih svojstava objekta (uključujući svojstva prototipa). Ne preporučuje se za iteraciju kroz nizove zbog potencijalnih problema sa redosledom i enumeracijom nenumernih svojstava.

  const obj = { a: 1, b: 2, c: 3 };
  for (const key in obj) {
    console.log(`${key}: ${obj[key]}`);
    // a: 1
    // b: 2
    // c: 3
  }
  
  const arr = ['jabuka', 'banana', 'naranča'];
  for (const index in arr) {
    console.log(index); // 0, 1, 2 (ključevi u ovom slučaju su indeksi)
  }
  

• for...of: Prolazi kroz vrijednosti iterabilnih objekata, kao što su nizovi, stringovi, Map, Set, TypedArray i argumenti. Preporučuje se za iteraciju kroz nizove.

  const arr = ['jabuka', 'banana', 'naranča'];
  for (const element of arr) {
    console.log(element);
    // jabuka
    // banana
    // naranča
  }
  
  const str = "bok";
  for (const char of str) {
    console.log(char);
    // b
    // o
    // k
  }
  

Usporedna tablica:

Petlja	Svrha	Objekti za iteraciju	Preporučeno za
for	Iteracija kroz numerički opseg, ponavljanje	Određeni broj puta	Opće petlje
for...in	Iteracija kroz ključeve (svojstva) enumerabilnih objekata	Ključevi (svojstva)	Objekti
for...of	Iteracija kroz vrijednosti iterabilnih objekata	Vrijednosti	Nizovi, stringovi, Map, Set