Какие знаешь виды циклов for в JS?

Виды циклов for в JavaScript

В JavaScript существует несколько видов циклов for, каждый из которых предназначен для определённых сценариев итерации по данным. Как QA Automation инженер, я часто использую их для обработки коллекций в тестовых скриптах, анализа данных из API-ответов или работы с DOM-элементами в Selenium-подобных фреймворках.

1. Классический цикл for

Это наиболее универсальный цикл, используемый, когда известны или могут быть вычислены начальный индекс, условие продолжения и шаг итерации. Особенно полезен при работе с индексами массивов или строк.

for (let i = 0; i < 10; i++) {
    console.log(`Итерация: ${i}`);
}

Ключевые параметры:

• Инициализация: создание счётчика (let i = 0).
• Условие: проверка перед каждой итерацией (i < 10).
• Инкремент/декремент: обновление счётчика (i++).

В автотестах я применяю его для:

• Последовательного перебора элементов массива с доступом к индексу.
• Генерации данных для параметризованных тестов.
• Повторения определённого действия N раз (например, повторные попытки запроса при неудаче).

2. Цикл for...in

Предназначен для итерации по перечислимым свойствам объекта (включая унаследованные, если не приняты меры). В контексте автотестирования особенно полезен для анализа объектов конфигурации или ответов от API.

const testConfig = { browser: 'chrome', timeout: 30, headless: true };
for (const key in testConfig) {
    if (testConfig.hasOwnProperty(key)) {
        console.log(`${key}: ${testConfig[key]}`);
    }
}

Важные нюансы:

• Порядок обхода свойств не гарантирован (хотя современные движки обычно соблюдают порядок добавления для строковых ключей).
• Цикл включает свойства из цепочки прототипов, поэтому часто используют проверку hasOwnProperty().
• Не рекомендуется для массивов, так как может захватить пользовательские свойства, добавленные в прототип, а также менее производителен, чем for...of.

3. Цикл for...of (ES6+)

Современный цикл для итерации по итерируемым объектам: массивы, строки, Map, Set, NodeList и другие структуры, реализующие протокол Iterable. Это мой основной инструмент при работе с коллекциями в автотестах.

const testResults = [true, false, true, true];
for (const result of testResults) {
    console.log(`Результат теста: ${result}`);
}

// Работа со строками
for (const char of 'QA') {
    console.log(char); // 'Q', затем 'A'
}

Преимущества:

• Лаконичный синтаксис без необходимости управлять индексом.
• Корректно работает с псевдомассивами (например, arguments, NodeList).
• Можно использовать с деструктуризацией для сложных структур.

4. Специализированные методы массивов (функциональные аналоги)

Хотя технически это не циклы for, они часто служат их заменой, особенно в функциональном стиле программирования:

• forEach() – выполняет функцию для каждого элемента массива.
• map() – создаёт новый массив, преобразуя каждый элемент.
• filter() – возвращает новый массив с элементами, прошедшими проверку.

// Пример с forEach (часто используется в тестах для обработки наборов данных)
['login', 'checkout', 'search'].forEach(testCase => {
    console.log(`Запуск теста: ${testCase}`);
});

Практическое применение в QA Automation

В своей работе я выбираю цикл в зависимости от контекста:

• for...of – для итерации по массивам данных (например, списку тестовых сценариев из JSON-файла) или для перебора элементов, найденных через селекторы (например, await driver.findElements() в WebDriverIO/Selenium).
• Классический for – когда нужен контроль индекса, например, для параллельного обращения к двум массивам или для сложной логики инкремента.
• for...in – для анализа структуры объекта-фикстуры или конфигурации окружения.
• forEach и другие методы массивов – для чистой обработки данных, полученных из API (например, валидация каждого элемента в ответе REST).

Пример из практики: При валидации таблицы в веб-интерфейсе я часто комбинирую циклы: for...of для строк таблицы и внутри него классический for для ячеек, если нужно сравнить значения с эталонным массивом данных.

Понимание отличий между этими конструкциями критично для написания эффективного, читаемого и безошибочного кода автотестов, особенно при обработке больших объёмов данных или сложных структур.