JavaScriptda qanday for tsikllarini bilasiz?

JavaScriptda for tsiklining bir nechta turlari mavjud:

• for (klassik): Raqamli diapazon bo'yicha iteratsiya qilish yoki belgilangan sonida amalni bajarish uchun ishlatiladi.

  // Raqamli diapazon bo'yicha iteratsiya
  for (let i = 0; i < 5; i++) {
    console.log(i); // 0, 1, 2, 3, 4
  }
  

• for...in: Ob'ektning kalitlari (xususiyatlari) bo'yicha iteratsiya qiladi (prototip xususiyatlari ham kiradi). Tavsiya etilmaydi arraylar bo'yicha iteratsiya qilish uchun, chunki tartib va raqam bo'lmagan xususiyatlarni ro'yxatga olishda muammolar yuzaga kelishi mumkin.

  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 = ['olma', 'banan', 'apelsin'];
  for (const index in arr) {
    console.log(index); // 0, 1, 2 (kalitlar bu holatda indekslar)
  }
  

• for...of: Iteratsiya qiladigan ob'ektlarning qiymatlari bo'yicha, masalan, arraylar, satrlar, Map, Set, TypedArray va argumentlar. Arraylar bo'yicha iteratsiya qilish uchun tavsiya etiladi.

  const arr = ['olma', 'banan', 'apelsin'];
  for (const element of arr) {
    console.log(element);
    // olma
    // banan
    // apelsin
  }
  
  const str = "salom";
  for (const char of str) {
    console.log(char);
    // s
    // a
    // l
    // o
    // m
  }
  

Taqqoslash jadvali:

Tsikl	Maqsad	O'tkaziladigan elementlar	Tavsiya etilgan
for	Raqamli diapazon bo'yicha iteratsiya qilish, takrorlash	Belgilangan soni bilan	Umumiy tsikllar
for...in	Ob'ektning kalitlari bo'yicha iteratsiya qilish	Kalitlar (xususiyatlar)	Ob'ektlar
for...of	Iteratsiya qiladigan ob'ektlarning qiymatlari bo'yicha	Qiymatlar	Arraylar, satrlar, Map, Set