TOC

Использование While и Do …​ Пока Циклы в JavaScript

Вступление

Автоматизация - это метод заставить систему работать автоматически; в программировании мы используем * loops * для автоматизации повторяющихся задач. Циклы являются одной из наиболее полезных функций языков программирования, и в этой статье мы узнаем о циклах + while + и + do …​ while + в JavaScript.

Операторы + while + и + do …​ while + в JavaScript аналогичны инструкциям conditional , которые представляют собой блоки кода, которые будут выполняться, если указанное условие приводит к https://www.digitalocean.com/community/tutorials/understanding-data-types-in-javascript#booleans [+ true +]. В отличие от оператора + if +, который оценивается только один раз, цикл будет выполняться несколько раз, пока условие не перестанет вычисляться как + true +.

Другой распространенный тип цикла, с которым вы столкнетесь, - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for [+ for + оператор], который выполняется определенное количество раз , Циклы + while + и + do …​ while + условно основаны, и поэтому нет необходимости заранее знать, сколько раз цикл будет выполняться.

Пока петля

В JavaScript оператор + while + - это цикл, который выполняется до тех пор, пока указанное условие оценивается как + true +.

Синтаксис очень похож на оператор + if +, как показано ниже.

while (condition) {
   // execute code as long as condition is true
}

Оператор + while + - это самый простой цикл для создания в JavaScript.

В качестве примера, допустим, у нас есть аквариум с ограниченным населением. Для каждой итерации цикла мы добавим одну рыбу. Как только в аквариуме будет + 10 + рыба, будет достигнут предел популяции, и программа перестанет добавлять больше рыбы.

aquarium.js

// Set population limit of aquarium to 10
const popLimit = 10;

// Start off with 0 fish
let fish = 0;

// Initiate while loop to run until fish reaches population limit
while (fish < popLimit) {
   // add one fish for each iteration
   fish++;
   console.log("There's room for " + (popLimit - fish) + " more fish.");
}

Как только мы запустим вышеуказанную программу, мы получим следующий вывод, показывающий итерацию программы через цикл + while +, пока условия больше не будут оцениваться как + true +.

OutputThere's room for 9 more fish.
There's room for 8 more fish.
There's room for 7 more fish.
There's room for 6 more fish.
There's room for 5 more fish.
There's room for 4 more fish.
There's room for 3 more fish.
There's room for 2 more fish.
There's room for 1 more fish.
There's room for 0 more fish.

В нашем примере мы установили цикл + while + для выполнения, пока количество рыбок было меньше, чем популяционный предел аквариума. На каждую итерацию в аквариум добавляется одна рыба, пока все пятна + 10 + не будут заполнены. В этот момент цикл останавливается.

Бесконечные циклы

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

Общий бесконечный цикл происходит, когда условие оператора + while + установлено в + true +. Ниже приведен пример кода, который будет работать вечно. Нет необходимости проверять какие-либо бесконечные циклы.

infiniteLoop.js

// Initiate an infinite loop
while (true) {
   // execute code forever
}

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

В приведенном ниже примере мы добавим оператор + if + в цикл + while +, и когда это условие будет выполнено, мы завершим цикл с помощью + break +.

polarBears.js

// Set a condition to true
const iceCapsAreMelting = true;
let polarBears = 5;

// Initiate infinite loop
while (iceCapsAreMelting) {
 console.log(`There are ${polarBears} polar bears.`);
 polarBears--;
 // Terminate infinite loop when following condition is true
 if (polarBears === 0) {
   console.log("There are no polar bears left.");
   break;
 }
}

Когда мы запустим приведенный выше код, результат будет следующим.

OutputThere are 5 polar bears.
There are 4 polar bears.
There are 3 polar bears.
There are 2 polar bears.
There are 1 polar bears.
There are no polar bears left.

Обратите внимание, что это не обязательно практический метод создания и завершения цикла, но + break + - это полезное ключевое слово, о котором нужно знать.

Делай …​ Пока Цикл

Мы уже узнали о цикле + while +, который выполняет блок кода до тех пор, пока указанное условие выполняется. Основой для этого является оператор + do …​ while +, который очень похож на + while + с основным отличием в том, что цикл + do …​ while + всегда будет выполняться один раз, даже если условие никогда не правда

Ниже мы продемонстрируем синтаксис цикла + do …​ while.

do {
   // execute code
} while (condition);

Как вы можете видеть, часть цикла + do + идет первой, а за ней следует + while (условие) +. Блок кода будет запущен, затем условие будет проверено, как в обычном цикле + while +.

Чтобы проверить это, мы можем установить переменную на «+ 0 », увеличить ее внутри оператора « do » и установить наше условие на « false +».

falseCondition.js

// Set variable to 0
let x = 0;

do {
   // Increment variable by 1
   x++;
   console.log(x);
} while (false);
Output1

В результате мы получили + 1 +, что означает, что блок кода итерировал цикл один раз (из + 0 +), прежде чем он был остановлен неудачным условием + while +.

Помня, что цикл будет повторяться хотя бы один раз, цикл + do …​ while может использоваться для тех же целей, что и цикл` + while`.

Заключение

В этом уроке мы узнали о цикле + while +, цикле + do …​ while + и бесконечных циклах в JavaScript.

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

Чтобы узнать больше, прочитайте о https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/ while [+ while +] и https://developer.mozilla.org/en -US / docs / Web / JavaScript / Reference / Statements / do …​ while [+ do …​ while +] зацикливается в сети разработчиков Mozilla.

Related