Какие разновидности цикла for вы знаете в JavaScript?

В JavaScript существует несколько разновидностей цикла for:

• for (классический): Используется для итерации по числовому диапазону или выполнения действия определенное количество раз.

  // Итерация по числовому диапазону
  for (let i = 0; i < 5; i++) {
    console.log(i); // 0, 1, 2, 3, 4
  }
  

• for...in: Перебирает ключи (свойства) перечисляемых свойств объекта (включая свойства прототипа). Не рекомендуется для итерации по массиву из-за потенциальных проблем с порядком и перечислением нечисловых свойств.

  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 (ключи в данном случае - индексы)
  }
  

• for...of: Перебирает значения итерируемых объектов, таких как массивы, строки, Map, Set, TypedArray и аргументы. Рекомендуется для итерации по массивам.

  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
  }
  

Таблица сравнения: