Цикл while в JavaScript

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

Зачем это нужно - представьте, что вам нужно возвести в квадрат 100 элементов массива. Если обращаться к каждому элементу отдельно по его ключу - это займет 100 строчек кода, и для того, чтобы написать этого код, нужно будет потратить довольно много времени.

Но это не нужно - у нас есть возможность сделать так, чтобы JavaScript за нас выполнил некоторую операцию нужное количество раз. Например, возвел все элементы массива в квадрат. Это и делается с помощью циклов.

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

while ( пока выражение истинно ) {
	выполняем этот код циклически;
	в начале каждого цикла проверяем выражение в круглых скобках
}

Цикл закончится, когда выражение перестанет быть истинным. Если оно было ложным изначально - то он не выполнится ни разу!

Давайте для примера последовательно выведем с помощью цикла while числа от одного до пяти:

let i = 1; // задаем какую-нибудь переменную

while (i <= 5) {
	console.log(i); // выводим содержимое i в консоль
	i++; // увеличиваем i на единицу при каждом проходе цикла
}

Переменная i называется счетчиком цикла. Счетчики используются для того, чтобы подсчитывать, сколько раз выполнился цикл. Кроме того, они выполняют вспомогательную роль - в нашей задаче мы использовали счетчик, чтобы вывести цифры от 1 до 5.

Для счетчиков принято использовать буквы i, j и k.

Каждый проход цикла называется >итерацией цикла. Можно сказать, что мы увеличиваем переменную i на единицу в каждой итерации цикла.

Выведите в консоль числа от 1 до 100.

Выведите в консоль числа от 11 до 33.

Более сложный цикл

К счетчику не обязательно прибавлять единицу. Давайте для примера выведем столбец четных чисел от 2 до 10. Для этого начальное значение переменной i зададим как 2 и будем прибавлять двойку:

let i = 2;

while (i <= 10) {
	console.log(i);
	i += 2; // увеличиваем i на 2 при каждом проходе цикла
}

Выведите в консоль четные числа в промежутке от 0 до 100.

Выведите в консоль нечетные числа в промежутке от 1 до 99.

Обратный отсчет

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

Давайте для примера выведем столбец чисел от 10 до 1:

let i = 10; // начальное значение 10

while (i >= 1) { // пока i больше 1
	console.log(i);
	i--; // уменьшаем i на единицу
}

Выведите в консоль числа от 30 до 0.