Уроки Javascript

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

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

В уроке мы с вами изучим циклы в языке JavaScript. Мы научимся использовать циклы For, While, Do while, а также рассмотрим операторы continue и break.

Видеоурок

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

Цикл For

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

for (var i = 0; i < 10; i++)
	console.log(i);

В объявлении цикла записывается следующее: переменная цикла, её начальное значение и диапазон. В примере выше будут выведены числа от 0 до 10.


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

Цикл While

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

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 уроков
Уроки Angular для начинающих
7 уроков
Создание приложения на React JS / Использование API
7 уроков
Изучение React JS / Redux библиотеки
9 уроков
Изучение таск-менеджера Gulp 4
5 уроков
Изучение библиотек jQuery
24 урока
Комментарии для сайта Cackle