Kādus for ciklus veidus jūs zināt JavaScript?

JavaScript ir daudz dažādu for cilpu veidu:

• for (klasiskā): tiek izmantota skaitliskā diapazona pārejai vai darbības atkārtošanai noteiktā reižu skaitā:

  // Pāreja pa skaitlisko diapazonu
  for (let i = 0; i < 5; i++) {
    console.log(i); // 0, 1, 2, 3, 4
  }
  

• for...in: pāriet pa atslēgām (īpašībām) objekta īpašībām, ieskaitot prototipa īpašības. Ieteicams neizmantot masīviem, jo var rasties kārtības un neskaitāmo īpašību problēmas:

  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 = ['apple', 'banana', 'orange'];
  for (const index in arr) {
    console.log(index); // 0, 1, 2 (atslēgas šajā gadījumā - indeksi)
  }
  

• for...of: pāriet pa vērtībām iterējamos objektos, piemēram, masīvos, virknes, Map, Set, TypedArray un argumentiem. Ieteicams izmantot masīviem:

  const arr = ['apple', 'banana', 'orange'];
  for (const element of arr) {
    console.log(element);
    // apple
    // banana
    // orange
  }
  
  const str = "hello";
  for (const char of str) {
    console.log(char);
    // h
    // e
    // l
    // l
    // o
  }
  

Salīdzināšanas tabula:

Cikls	Mērķis	Pārbaudāmie elementi	Ieteicams lietot
for	Pāriet pa skaitlisko diapazonu, atkārtojot	Noteikts skaits	Vispārēji cikli
for...in	Pāriet pa atslēgām (īpašībām) objektos	Atslēgas (īpašības)	Objekti
for...of	Pāriet pa vērtībām	Vērtības	Masīvi, virknes, Map, Set