Уроки Javascript

Урок #7 - Операторы циклов (for, while, do while)

Урок #7 - Операторы циклов (for, while, do while)

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

Видеоурок

В языке JavaScript, как и в большинстве других языков, существует 3 вида циклов. Каждый из них выполняет одну и ту же роль, но записывается по-разному. Рассмотрим все три цикла.

Цикл For

В цикле for все условия записываются в одном месте, что очень удобно во многих случаях. Стандартная запись такого цикла выглядит следующим образом:
for (var i = 0; i < 10; i++)
     console.log(i);
В цикле записывается три условия: начальное значение переменной, условие и изменение переменной за одну итерацию. В примере выше будут выведены числа от 0 до 9.

Если в теле цикла всего одна строка кода, то фигурные скобки можно пропустить и не записывать их.

Цикл While

Суть цикла while не особо отличается от цикла for. Единственное отличие это способ записи цикла. Здесь в цикл необходимо прописывать лишь условие, а все остальные параметры записываются вне цикла:
var i = 1; // Создание переменной
while (i <= 10) { // Здесь только условие
     console.log(i);
     i++; // Увеличение переменной
}

Цикл Do While

Этот цикл схож на цикл while по форме написания, но при этом работает немного по-другому. Цикл do..while выполниться один раз сто процентов, а дальше проверит условие и если оно верно, то цикл будет выполняться дальше.
var x = 13;
do {
     x--;
     console.log(x);
} while (x > 10);
Как видно, цикл изначально неверный, тем не менее один раз он точно сработает.

Операторы для работы в циклах

Существует два основных оператора для работы в циклах:
  • Оператор break - служит для выхода из цикла полностью;
  • Оператор continue - пропускает лишь одну итерацию и не выходит из цикла.

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

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

Также стоит посмотреть

Уроки Vue.js для начинающих
10 уроков
Изучение библиотек jQuery
24 урока
Уроки Angular для начинающих
7 уроков
Изучение таск-менеджера Gulp 4
5 уроков
Уроки Node JS и Express для начинающих
17 уроков
Курс по React JS для начинающих
14 уроков