JavaScript с нуля - [13]

В этом процессе итерации сменяют друг друга, пока условие i < 10 не будет вычислено как false. Поскольку мы начали цикл при i, равной 0, определили, что он завершится при i, равном или большем 10, а i увеличивается на 1 при каждой итерации, то этот цикл (и любой содержащийся в нем код) будет выполнен 10 раз до своего завершения.

Некоторые примеры цикла for

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

Прерывание цикла

Иногда возникает необходимость прервать цикл прежде, чем он завершится. Для этого мы используем ключевое слово break. Ниже приведен пример:

for (let i = 0; i < 100; i++) {

document.writeln(i);

if (i == 45) {

break;

}

}

Если задать i значение 45, ключевое слово break прервет цикл. И хотя я просто взял этот пример из своей головы, отныне, если у вас возникнет необходимость прервать цикл, вы будете вооружены этим знанием.

Пропуск итерации

Кроме того, иногда могут возникать ситуации, когда нужно пропустить текущую итерацию, чтобы перейти к следующей. Ловчее всего это сделать с помощью ключевого слова continue:

let floors = 28;

for (let i = 1; i <= floors; i++) {

if (i == 13) {

// нет такого этажа (floor)

continue;

}

document.writeln("At floor: " + i + "
");

}

В отличие от break, который просто прерывает цикл, continue как бы сообщает ему: «Остановись и переходи к следующей итерации». Чаще всего мы будем использовать ключевое слово continue при обработке ошибок, чтобы цикл переходил к следующему элементу.

Возврат назад

Нет никаких причин, по которым стартовое значение должно иметь переменную, инициализированную как 0, и увеличивать ее:

for (let i = 25; i > 0; i-) {

document.writeln("hello");

}

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

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

Числа использовать необязательно

Необязательно использовать числа при заполнении цикла for:

for (let i = "a"; i!= "aaaaaaaa"; i += "a") {

document.writeln("hmm. ");

}

Вы можете написать все, что захотите, пока это не помешает циклу завершиться. Обратите внимание, что в этом примере в качестве единицы исчисления цикла мы используем букву a. При каждой итерации значение i увеличивается на одну a, а цикл останавливается, когда i становится равна aaaaaaaa.

О нет! Он не сделал этого!

О, да! Я сделал это! Побывал там, сфотографировал, запостил фотку на фейсбуке и вернулся:

let i = 0;

let yay = true;

for (; yay;) {

if (i == 10) {

yay = false;

} else {

i++;

document.writeln("weird");

}

}

Не обязательно заполнять все три секции цикла for, чтобы он заработал. До тех пор пока вы обеспечиваете выполнение условия завершения цикла, вы можете делать все, что захотите. Прямо как в примере выше.

Другие циклы

В тени его превосходительства цикла for живут и другие варианты циклов, а именно while и do…while. Для полного завершения темы давайте рассмотрим и их.

Цикл while

Цикл while повторяет заданный код, пока его условие (другое выражение) не вернет false. Взгляните на следующий пример:

let count = 0;

while (count < 10) {

document.writeln("looping away!");

count++;

}

В этом примере условие представлено выражением count < 10. При каждой итерации цикл увеличивает count на 1:

let count = 0;

while (count < 10) {

document.writeln("looping away!");

count++;

}

Как только count станет равен 10, цикл прекратится, так как выражение count < 10 вернет false. Если вы посмотрите на все, что делает этот цикл, то увидите, что он во многом имитирует работу цикла for. В то время как цикл for требует определения стадий начала, условия и шага, цикл while предполагает, что вы определите все эти стадии по-своему.

Цикл do…while

А теперь пора познакомиться с Мег Гриффин1 в семействе циклов. Цель цикла do…while определена еще меньше, чем в случае с while. Если в цикле while условное выражение расположено перед выполнением самого цикла, то в do…while оно находится в конце.

Вот вам пример:

let count = 0;

do {

document.writeln("I don't know what I am doing here!
");

count++;

} while (count < 10);

Главное отличие между циклами while и do…while в том, что содержимое первого не может быть выполнено, если его условное выражение изначально вернет false:

while (false) {

document.writeln("Can't touch this!");

}

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

do {

document.writeln("This code will run once!");

} while (false);

В некоторых ситуациях это может сыграть на руку. Прежде чем подвести итоги, хочу сказать еще кое-что. Инструкции break и continue, которые мы встречали ранее как часть прекрасного цикла for, схожим образом работают внутри циклов while и do…while.