ИТ Блог. Создание сайтов с применением JavaScript
Автоматизация это методика создания системы работающей в автоматическом режиме; в программировании, мы используем циклы для автоматизации повторяющихся задач. Циклы являются одним из наиболее полезных функций языков программирования, и в этой этой статье мы узнаем о циклах while и do…while в JavaScript.
В заявления while и do…while в JavaScript аналогичны условные операторы, которые являются блоками кода, которые будут выполняться, если указанное условие результатов верно. В отличие от заявления if, которое обрабатывает только один раз, цикл будет выполняться несколько раз, пока условие не имеет значение true.
Другой распространенный тип цикла вы встретите это заявление for, которое выполняется определенное количество раз. Циклы while и do…while условны, и поэтому не нужно заранее знать, сколько раз цикл будет выполняться.
В JavaScript утверждение while является циклом, который выполняется до тех пор, указанное условие имеет значение true.
Синтаксис очень похож на заявление if, как показано ниже.
while (condition) {
// выполнять код до тех пор, пока условие истинно
}
Утверждение while является самым основным циклом применяемым в JavaScript.
В качестве примера, скажем, что у нас есть аквариум, который имеет предел кол-ва рыб. Для каждой итерации цикла, мы добавляем одну рыбку. После того, как в аквариуме будет 10 рыбок, предел численности населения будет достигнут, и программа перестанет добавлять больше рыб.
aquarium.js
// Установить предел лимита аквариума до 10
const popLimit = 10;
// Начните с 0 рыб
let fish = 0;
// Инициировать цикл while, и запустить, пока рыбы не достигнут предел на лимит
while (fish < popLimit) {
// добавить по одной рыбе в каждой итерации
fish++;
console.log("Есть место для " + (popLimit - fish) + " рыб.");
}
После того, как мы запустим программу выше, мы получим следующий результат, проходя итерацию в программе через цикл while, пока условия не будут больше не оценивается как true.
Вывод
Есть место для 9 рыб. Есть место для 8 рыб. Есть место для 7 рыб. Есть место для 6 рыб. Есть место для 5 рыб. Есть место для 4 рыб. Есть место для 3 рыб. Есть место для 2 рыб. Есть место для 1 рыб. Есть место для 0 рыб.
В нашем примере, мы запускаем наш цикл while, пока количество рыбы было меньше предела населения аквариума. Для каждой итерации, одна рыба добавляется в аквариум, пока все 10 мест не будут заполнены. В этот момент, цикл прекращает работу.
Бесконечный цикл, как следует из названия, представляет собой цикл, который будет продолжать работать вечно. Если вы случайно сделать бесконечный цикл, это может привести к сбою браузера или компьютера. Важно, чтобы быть в курсе бесконечных циклов, так что вы могли избежать их.
Общий бесконечный цикл, когда условие утверждения while установлено в true. Ниже приведен пример кода, который будет работать вечно. Не стоит испытывать бесконечные циклы.
infiniteLoop.js
// Инициировать бесконечный цикл
while (true) {
// исполнять код навсегда
}
Бесконечный цикл будет работать вечно, но программа может быть прекращена ключевым словом break.
В приведенном ниже примере, мы добавим заявление if в цикл while, и когда это условие выполниться, мы завершим цикл с break.
polarBears.js
// Установить условие на True
const iceCapsAreMelting = true;
let polarBears = 6;
// Инициировать бесконечный цикл
while (iceCapsAreMelting) {
console.log(`Есть ${polarBears} белых медведей.`);
polarBears--;
// Прекратить бесконечный цикл, если выполняется следующее условие
if (polarBears === 0) {
console.log("Белых медведей не осталось.");
break;
}
}
Когда мы запустим код выше, вывод будет следующим.
Вывод
Есть 6 белых медведей. Есть 5 белых медведей. Есть 4 белых медведей. Есть 3 белых медведей. Есть 2 белых медведей. Есть 1 белых медведей. Белых медведей не осталось.
Следует отметить, что это не обязательно практический способ создания и завершения цикла, но break является полезным ключевым словом, чтобы быть в курсе.
Мы уже узнали о цикле while, который выполняет блок кода до тех пор, пока заданное условие истинно. Основываясь на том, что это утверждение do…while, которое очень похоже на while с основным отличием, что цикл do…while всегда будет выполняться как минимум один раз, даже если условие никогда не верно.
Ниже мы покажем синтаксис цикла do…while.
do {
// выполняемый код
} while (condition);
Как вы можете видеть, часть цикла do указывается первым, а за ним следует while (condition). Блок кода будет работать, когда условие будет проверенно, как в обычном цикле while.
Чтобы проверить это, мы можем установить переменную в 0, увеличиваем ее внутри заявления do, и установим наше условие в false.
falseCondition.js
// Установить переменную в 0
let x = 0;
do {
// Прирастание переменной на 1
x++;
console.log(x);
} while (false);
Вывод
1
Наш выход написал 1, а это означает, что блок кода в цикла прошел один раз (с 0), прежде чем он был остановлен безуспешным состоянием while.
Несмотря на то, имея в виду, что цикл будет перебирать по крайней мере один раз, цикл do…while может использоваться для тех же целей, как цикл while.
В этой статье мы узнали о цикле while, и цикле do…while, и бесконечные циклы в JavaScript.
Автоматизация повторяющихся задач является чрезвычайно важной частью программирования, и эти циклы могут помочь сделать ваши программы более эффективными и лаконичными.
Тэги: , операторы JavaScript Категории: JavaScript
