Цикл `for`
Свайпніть щоб показати меню
Цикл for у JavaScript — це базовий інструмент для багаторазового виконання блоку коду. Особливо корисний, коли потрібно виконати одну й ту ж дію для кожного елемента масиву. Базова структура циклу for містить три основні частини в дужках: ініціалізація, умова та інкремент.
- Ініціалізація створює змінну, зазвичай лічильник;
- Умова перевіряє, чи повинен цикл продовжувати виконання;
- Інкремент оновлює лічильник після кожної ітерації.
Така структура дозволяє точно контролювати кількість повторень циклу.
Загальний синтаксис виглядає так:
for (let i = 0; i < array.length; i++) {
// code to run on each iteration
}
Тут i — це лічильник, який починається з 0. Цикл триває, доки i менше довжини масиву. Після кожної ітерації i збільшується на одиницю.
12345678const numbers = [4, 7, 1, 9, 2]; let sum = 0; for (let i = 0; i < numbers.length; i++) { sum = sum + numbers[i]; } console.log("Sum:", sum); // Output: Sum: 23
Під час роботи з циклами for може виникнути потреба контролювати, як і коли цикл завершується або пропускає певні кроки. Оператор break дозволяє достроково вийти з циклу, якщо виконано певну умову. Оператор continue пропускає поточну ітерацію та переходить до наступної. Ці інструменти корисні для обробки специфічних ситуацій, але неправильне їх використання може призвести до помилок.
12345678910111213141516const scores = [85, 42, 77, 0, 91, 65]; let validTotal = 0; for (let i = 0; i < scores.length; i++) { if (scores[i] === 0) { // Skip invalid score continue; } if (scores[i] > 90) { // Stop processing if a top score is found break; } validTotal += scores[i]; } console.log("Valid total:", validTotal);
Поширена помилка при використанні циклів for — неправильна умова циклу або некоректний крок, що може призвести до нескінченних циклів або пропуску елементів. Завжди переконуйтеся, що лічильник циклу починається та закінчується на правильних значеннях, а також що інкремент або декремент рухає цикл до точки зупинки. Пам’ятайте, індексація масиву починається з 0 і триває до array.length - 1.
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат