English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Основы教程 JavaScript

Объекты JavaScript

Функции JavaScript

JS HTML DOM

JS браузер BOM

Основы教程 AJAX

Руководство по JavaScript

Цикл While в JavaScript

Вы можете выполнять блок кода, пока условие истина.

Цикл While

Цикл while выполняет指定的 инструкции, пока значение условия истина.

Грамматика цикла while такая:

while (condition) { // Выполнить код, пока условие истинно}
var n = 0;
while (n < 5) {
   document.write("<br>Этот номер равен " + n);
   n++;
{}
Проверьте, посмотрите‹/›

Примечание:Если вы хотите использоватьУсловиеПеременная, которую вы хотите использовать в цикле, пожалуйста, инициализируйте ее до цикла, а затем увеличивайте ее в цикле. Если вы забудете увеличить переменную, цикл никогда не закончится. Это может привести к выходу из строя вашего браузера.

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

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

Когда условие в предложении while установлено какtrueВ этом случае может возникнуть распространенный бесконечный цикл.

  while (true) {
    // Вечно выполняемый код
  {}

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

Цикл Do ... While

Цикл do...while - это модификация цикла while. Этот цикл выполняет блок кода один раз до проверки условия, а затем повторяет его, если условие истинно.

Грамматика цикла do...while такая:

do {
// Выполнить эти инструкции
{}
while (condition);
do {
   document.write("<br>Число равно " + n);
   n++;
{}
while (n < 5);
Проверьте, посмотрите‹/›

Не забудьте увеличить переменную, используемую в условиях,否则 цикл никогда не закончится.

Примечание:Несмотря на то, что условие false, этот цикл всегда выполняется至少 один раз, так как блок кода выполняется до проверки условия:

var n = 5;
do {
   document.write("<br>Число равно " + n);
   n++;
{}
while (n < 3); // false
Проверьте, посмотрите‹/›

Разница между циклами while и do ... while

Разница между циклом while и do...while Использование цикла while позволяет проверять условие в начале каждого итерации, поэтому цикл никогда не будет выполнен, если результат выражения условия будет false.

С другой стороны, использование цикла do ... while гарантирует, что цикл всегда выполнится хотя бы один раз, в отличие от цикла while, где условие проверяется в конце каждого итерации, а не в начале.

Сравнение циклов for и while

Если вы уже прочитали предыдущую главу о цикле for, вы обнаружите, что цикл while очень похож на цикл for, только опущены инициализация и конечное выражение.

Этот пример использует цикл for для получения названий фруктов из массива fruits:

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = 0; i < fruits.length; i++) {
txt += fruits[i] + '<br>';
{}
Проверьте, посмотрите‹/›

Этот пример использует цикл while для получения названий фруктов из массива fruits:

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
var i = 0;
while (i < fruits.length) {
 txt += fruits[i] + '<br>';
 i++;
{}
Проверьте, посмотрите‹/›