Циклы while и for в JavaScript
2026-02-26 20:28 Diff
https://ru.hexlet.io/blog/posts/tsikly-while-i-for-v-javascript

Циклы в программировании позволяют автоматизировать повторяющиеся задачи. В JavaScript, как и в большинстве других языков, циклы нужны, чтобы многократно выполнять блоки кода, пока не выполнится определенное условие.

Рассмотрим два основных типа циклов в JS: for и while, их синтаксис, применение, типичные ошибки и примеры использования.

Содержание

Цикл while

Цикл while выполняет блок кода до тех пор, пока указанное условие истинно. Этот тип цикла используется, когда заранее неизвестно, сколько раз потребуется повторить выполнение блока кода, содержащего определенное условие.

Записывается этот цикл так:

Важно: цикл while лучше использовать там, где блок кода нужно выполнить хотя бы один раз, даже если условие выполнено со старта.

Рассмотрим простой пример, где мы используем цикл while для вывода чисел от 1 до 5.

В этом примере переменная i инициализируется значением 1. Цикл продолжается, пока i меньше или равно 5. После каждой итерации переменная i увеличивается на 1. Когда i становится больше 5, цикл завершается.

Типичные ошибки при использовании цикла while

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

В этом примере переменная i никогда не увеличивается, поэтому условие i <= 5 всегда истинно.

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

Поиск элемента в массиве с помощью цикла while

Цикл while можно использовать, если необходимо найти нужный элемент в списке. Например, найдем цифру 3 в ряду цифр.

Как только элемент найден, цикл останавливается.

Цикл for

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

Рассмотрим простой пример, где мы используем цикл for в JS для вывода чисел от 1 до 10.

В этом примере переменная i инициализируется значением 1. Цикл продолжается, пока i меньше или равно 10. После каждой итерации переменная i увеличивается на 1.

Цикл for в JS более сложный, чем while, его можно сочетать с дополнительными условиями. Например, можно добавить директиву break, благодаря которой выполнение цикла мгновенно прервется, даже если нужное количество итераций еще не выполнено.

Типичные ошибки при использовании циклов for в JS

Распространенные ошибки при использовании цикла for включают неправильную инициализацию, условие или итерацию, что может привести к бесконечным циклам.

В этом примере переменная i никогда не увеличивается, поэтому условие i <= 10 всегда истинно. Чтобы избежать таких ошибок, убедитесь, что все три части выражения цикла for в JS правильно заданы и корректно выполняются.

Заключение

Циклы while и for — базовые элементы кода в языке JavaScript, как и в некоторых других языках. Умение правильно применять эти циклы позволяет решать множество практических задач в разработке. Хотите научиться этому? Запишитесь на наши курсы по Front-end разработке.