Прерывание цикла
Иногда возникает необходимость прервать цикл прежде, чем он завершится. Для этого мы используем ключевое слово 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 + "<br>");
}
В отличие от 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 оно находится в конце.
1
Мегатрон «Meг» Гриффин — персонаж мультсериала «Гриффины», закомплексованная и неуверенная в себе девушка, над которой подшучивают семья и окружающие. —