Js остановка цикла после выполнения условия. Как работает цикл for. Необязательные части цикла for

История образования современного синтаксиса языка программирования сродни познанию процессов образования Вселенной. Что и как было вначале... Но теперь все просто и доступно.

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

Браузер: DOM, его язык + сервер

На JavaScript циклы остались, хотя функциональные идеи приобрели особенный смысл. Возможно что-то осталось от "Лиспа" и "Пролога", но, скорее всего, область, где обитает JavaScript, привела к тому что есть, но сомнительно что это последнее решение.

JavaScript работает внутри браузера, который получает страницу, разбирает ее в DOM и запускает первый скрипт. Все остальные страницы, в том числе загруженные на данной - дело рук разработчика, манипулирующего языком, посредством которого может быть вызван код на сервере и получен результат при помощи механизма AJAX.

Браузер исполняет JavaScript-код, который может пользоваться объектами браузера, включая тот, что обеспечивает передачу информации на сервер и получение ответа, в качестве которого может выступать как HTML-разметка, так и стили и собственно код. Ответ может быть представлен массивами и объектами. Смысл использовать на JavaScript циклы теряется, возможностей обойтись без них предостаточно, а рисковать повесить браузер бесконечной последовательностью команд не самое лучшее решение.

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

Положение JavaScript в пространстве кода

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

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

JS - прекрасный язык: практичный, современный и полнофункциональный. Синтаксис этого инструмента включает в себя все конструкции, которые прошли проверку временем и стали незыблемым фундаментом любого алгоритма. Но так ли необходимы циклы на самом деле? Прогресс в программировании часто задавал себе вопросы фундаментального характера, но только в некоторых случаях находил решение.

Объективные основания

Цикл может быть всего двух вариантов: по условию или по счетчику, но по сути (на самом низком уровне) любой цикл - только по условию. В некоторых языках встречается цикл "по каждому". На JavaScript циклы foreach представлены конструкцией prop in object, но можно использовать вариант array.forEach(...).

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

• счетчик считает;
• пока условие выполняется.

JavaScript - типичный интерпретатор. Его особенность: он функционирует внутри браузера, использует его объекты и позволяет исполнять алгоритмы на стороне клиента, как при загрузке страницы в браузер, так и в процессе ее работы.

Простой цикл по-каждому

На JavaScript циклы foreach выглядят как применение к массиву функции:

Применение таких циклов не вызывает трудностей. Формально здесь нет как такового цикла. Есть последовательное обращение функции к элементам массива.

Цикл по счетчику

Более привычно выглядят на JavaScript циклы for:

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

Условные циклы

Вариант с while JavaScript предлагает в зависимости от того, когда нужно проверять условие. Если тело цикла может быть не исполнено ни разу - это одно, если тело должно быть исполнено хотя бы один раз, это другое:

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

Массивные комбинации простых алгоритмов

Основная задача (составляющая часть) любого алгоритма - найти, только потом принять решение касательно того, что делать дальше. Самый примитивный вариант поиска - обращение к переменной, результат получается непосредственно. Если переменных много, или у нее много значений (массив), то для выборки значения необходимо найти то, что определит дальнейшее поведение скрипта.

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

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

Функциональность, другое отображение реальности

Применяя JavaScript-циклы, примеры однотипного кода можно представить функциями - алгоритм сразу преобразится, основное тело скрипта уменьшится в размере, все станет читаемым и понятным.

Это не кардинально новое решение, но по сути своей это не выходит за рамки других конструкций языка. В частности, JavaScript циклы можно обнаружить в классической функции split():

var cResult = "9,8,7,6,5,4" ;
var aResult = cResult .split ("," );

Здесь нет никакого цикла, но как иначе выполняется эта не путем поиска символа "," и использования его для отделения одного числа от другого.

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

Эти функции allt(), padc(), padl() и padr() - то, чего нет в JavaScript, но иногда нужно убрать из строки пробелы или выровнять длину строки слева, справа или с обоих сторон. В теле этих функций - JavaScript-циклы. Просто, доступно и никогда не повиснет алгоритм, использующий это.

Варианты функций преобразования чисел из 16-ричной в 10-ную систему исчисления и обратно, проще сказать, из одного формата данных в другой, выполнены здесь посредством циклов do while. Очень компактный и эффективный синтаксис языка.

Правильные циклы - отображение реальности

JavaScript - не чета другим языкам программирования и не отличаеся многообразием версий, а главное, стремится не менять синтаксис, а развивать и расширять его.

Мышление программиста, использующего JS, отличается от мышления программиста PHP (в частности, и других языков в совокупности, ну разве что "Пролог" и его последователи не входят в общее русло), когда алгоритм не ограничивается переменными, массивами, операторами присваивания, циклическими конструкциями.

Если представить, что циклов нет, а задачу решить надо, то самый простой вариант (повязка на глаза) - предположить, что программа обрабатывает данные, которые есть точкой или системой точек в информационном пространстве. Что такое точка и что такое система точек - дело конкретной предметной области. Для программиста этот тезис обозначает: есть простое данное и есть совокупность простых данных. Естественно, простое данное одного уровня для уровня ниже будет системой, а для уровня выше - точкой.

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

Такой подход стар, как идея языков программирования, но до сих пор не нашел своего адекватного отражения в программировании. Многие программисты мыслят правильно, но результат их творчества оставляет желать лучшего.

Полезно иногда надевать повязку на глаза, чтобы увидеть мир!

Очень часто нужно, чтобы определённая часть программы выполнялась много раз. Разумеется, можно просто сделать так: скопировать-вставить и так нужное число раз. Однако, это абсурдно, особенно, если действие надо выполнять, например, 1000 раз. Поэтому существуют так называемые циклы , которую присутствуют в большинстве языков программирования. И о них я Вам и расскажу.

Содержит определённый код, который прокручивается многократно. Существует несколько видов циклов: for , while и do-while .

Начнём с самого первого цикла (и самого популярного) - цикла for . Общий вид этого цикла таков:

For (переменная_итерации = начальное_значение; условие; действие_после_каждой_итерации) {
//код программы
}

Давайте прокомментирую то, что здесь написано. Вначале идёт - переменная итерации . Это обычное имя переменной для итерации. Дальше идёт начальное_значение . Собственно, название говорит само за себя. Дальше идёт условие, при выполнении которого (то есть возвращается true ) цикл запускается ещё один раз, и, наконец, действие, которое выполняется после каждой итерации. Как правило, это изменение переменной для итерации.

Давайте с Вами напишем простой скрипт, который будет выводить количество итераций цикла:

For (i = 0; i < 100; i++)
document.write(i + " ");

Здесь мы задали переменную для итерации (называется i ), которой присвоили значение 0 . Дальше проверяется условие: i < 100 . Если оно выполняется, то выполняется одна итерация цикла. После выполнения каждой итерации происходит i++ (то есть увеличение переменной i на 1 ). Снова проверяется условие, и если оно истинно, то выполняется ещё одна итерация. И так до тех пор, пока условие i < 100 не станет ложным. Очевидно, что оно будет ложно лишь через 100 итераций. Таким образом, данный цикл будет выполняться 100 раз, что мы можем увидеть, если запустим этот скрипт. И ещё кое-что. Так как у нас здесь выполняется всего один оператор (document.write() ), то наличие фигурных скобок необязательно. Если у Вас 2 и более операторов крутятся в цикле, то тогда необходимо их поставить.

Теперь поговорим о второй разновидности циклов в JavaScript - while . В принципе, цикл очень похож на for (хотя все циклы похожи). Но здесь общий вид другой:

While (условие) {
//код программы
}

Как видите, здесь нет ни переменной для итерации, ни каких-либо действий после итерации. Отсюда следует вывод: чтобы выйти из цикла необходимо в самом цикле сделать так, чтобы "условие " стало ложным. Если это не сделать, то произойдёт зацикливание, а, следовательно, Ваш скрипт повиснет.

Давайте реализуем такую же задачу, как и раньше, но используя цикл while .

Var i = 0;
while (i < 100) {
i++;
document.write(i + " ");
}

Перед началом цикла мы создали переменную i , которой присвоили начальное значение. Затем перед запуском цикла проверяется условие, и если оно истинно, то запускается итерация цикла, в которой мы увеличиваем переменную для итерации (иначе произойдёт зацикливание). И выводим эту переменную.

И, наконец, последний вид циклов в JavaScript - цикл do-while . Синтаксис такой:

Do {
//код программы
} while (условие)

Очень похож на цикл while , однако, здесь есть всего одно, но очень принципиальное отличие. Если цикл while сначала проверяет условие, а потом уже выполняет или нет итерацию. То цикл do-while сначала именно выполняет итерацию, и только потом проверяет условие. И если оно ложно, то выходит из цикла. Другими словами, независимо от условия данный цикл гарантированно выполнится хотя бы 1 раз. Думаю, что данный код будет излишним, но всё же.

Var i = 0;
do {
i++;
document.write(i + " ");
} while (i < 100)

Пояснять код не буду, уверен, Вы из без меня с ним разберётесь. Поэтому я лучше перейду к двум интересным операторам: break и continue .

Начнём с break . Данный оператор позволяет досрочно выскочить из цикла. Давайте с Вами напишем такой код:

For (i = 0; i < 100; i++) {
if (i == 50) break;
document.write(i + " ");
}

Вы можете запустить этот скрипт и обнаружите, что вывелись только числа до 49 , так как при i = 50 цикл прервался, благодаря оператору break .

Теперь рассказываю об операторе continue . Данный оператор позволяет перейти к следующей итерации цикла. Чтобы не расписывать здесь много, лучше сразу покажу пример:

For (i = 0; i < 100; i++) {
if (i == 50) continue;
document.write(i + " ");
}

Если Вы запустите этот скрипт, то увидите, что не хватает числа 50 . Это произошло потому, что при i = 50 , мы переходим к следующей итерации цикла, перед которой i увеличивается на 1 и становится равным 51-му .

Вот, вроде бы, и всё, что хотелось написать о циклах JavaScript . Надеюсь, Вам всё стало ясно. Можете также придумать себе какую-нибудь задачу и решить её. Это будет великолепной тренировкой.

Циклы предназначены для многократного выполнения одних и тех же инструкций.

На языке JavaScript существует 4 вида циклов:

• Цикл for . Этот цикл используется, когда известно точное количество повторений одних и тех же инструкций.
• Цикл while . Он предназначен для выполнения одних и тех же инструкций до тех пор, пока заданное условие истинно.
• Цикл do...while . Данный цикл аналогичен циклу while , но условие проверяется не перед выполнением повторяющихся инструкций, а после них. Таким образом, в отличие от цикла while , даже если условие изначально ложное, инструкции выполнятся хотя бы один раз.
• Цикл for...in . Он применяется, когда необходимо перебрать все свойства в объекте или каждый элемент в массиве.

Цикл for

Синтаксис цикла for:

For (инициализация; условие; финальное выражение) { /* тело цикла */ }

• инициализация - это выражение, которое выполняется один раз перед выполнением цикла; обычно используется для инициализации счётчика;
• условие - это выражение, истинность которого проверяется перед каждой итерацией; если выражение вычисляется как истина, то выполняется итерация, в противном случае цикл for завершает работу;
• финальное выражение - это выражение, которое выполняется в конце каждой итерации; обычно используется для изменения счетчика;
• тело цикла - инструкции, выполнение которых нужно повторять.

Рассмотрим пример цикла, который выведет в консоль числа от 1 до 9:

Var i; // Цикл for от 1 до 9, с шагом 1 for (i = 1; i <= 9; i++) { console.log(i); }

В этом примере:

• инициализация: i = 1 (присвоение переменной i значения 1);
• условие прекращение цикла: i <= 9 (значение переменной i не меньше 9);
• выражение, которое нужно выполнять в конце каждой итерации: i++ (увеличение значение переменной i на 1);
• инструкция, которую нужно выполнять: console.log(i) (выведение значения счётчика в консоль).

Необязательные части цикла for

В for блок инициализации является не обязательным.

Var i = 1; // Цикл for for (; i <= 9; i++) { console.log(i); }

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

Var i; // Цикл for for (i = 1; ; i++) { if (i > 9) { // условие прерывание цикла break; } console.log(i); }

Финальное выражение в for также является не обязательным. Счётчик цикла в этом случае можно, например, изменять в теле.

Var i; // Цикл for for (i = 1; i <= 9 ;) { console.log(i); i++; }

Можно вообще опустить 3 выражения:

Var i = 1; // Цикл for for (; ;) { if (i > 9) { break; } console.log(i); i++; }

В качестве тела цикла for можно использовать пустое выражение (;).

Например:

Var arrA = , arrB = ; for (i = 0; i < arrA.length; arrB[i] = arrA / 2) ; console.log(arrB); //

Примеры использования for

Использование цикла for для перебора элементов массива:

Var arr = , // массив i = 0, // счетчик lenArr = arr.length; // длина массива for (i; i < lenArr; i++) { console.log(arr[i]); }

Инструкции break и continue

Кроме этого, внутри тела циклов могут использоваться специальные инструкции break и continue .

Оператор break предназначен для прекращения выполнения цикла. Т.е. он осуществляет выход из текущего цикла и передачи управления инструкции, идущей после него.

Оператор continue прерывает выполнение текущей итерации цикла и осуществляет переход к следующей.

Пример, в котором выведим в консоль нечётные числа от 1 до 11:

Var i; for (i = 1; i <= 11; i++) { // если число в переменной i чётное, то переходим к следующей итерации if (i %2 === 0) { continue; } // выведим значение переменной i в консоль console.log(i); } // 1, 3, 5, 7, 9, 11

Цикл c предусловием while

Цикл while выполняет одни и те же инструкции (тело цикла) до тех пор, пока истинно некоторое условие. Истинность условия проверяется перед каждым выполнением тела цикла. Если перед первой итерацией условие ложно, то цикл не выполняется ни разу.

// объявление переменной а и присвоение ей значения 0 var a=0; //цикл while с условием a

Цикл с постусловием do...while

Цикл do...while , так же как и цикл while , выполняет одни и те же инструкции (тело цикла) до тех пор, пока некоторое условие истинно. Но в отличие от цикла while , в цикле do...while условие проверяется после каждого выполнения тела цикла. Если даже условие изначально ложно, то тело цикла всё равно выполнится один раз (т.к. условие проверяется после выполнения тела цикла).

// объявление переменной а и присвоение ей значения 0 var a=0; //цикл do...while с условием a

Как было отмечено выше, цикл for...in находит применение для перебора элементов массива и свойств объекта. На этом уроке мы рассмотрим только общий синтаксис цикла for...in , а более подробно познакомимся с ним в следующих уроках.

Принцип работы цикла for...in заключается в том, что переменная x принимает все имена свойств объекта y или индексы массива y . Таким образом, в каждой итерации вам доступно свойство объекта или элемент массива.

Одним из важнейших инструментов в программировании являются циклы. Они полезны в случаях, когда нужно сделать что-то определённое кол-во раз.

Если будет такая задача, например, вывести на экран строку "всем привет" 1000 раз. То, без использования цикла, во первых это займёт много времени и во вторых, это будет смотреться не очень красиво. Поэтому циклы нужно знать на отлично , потому что они используются очень и очень часто.

В программировании существуют четыре цикла, это while, do-while, for и foreach . Каждый из них имеет свой синтаксис и каждый используется в определённых случаях.

Чаще всего используются циклы for и foreach, затем while, а цикл do-while встречается очень редко.

И начнём мы с цикла while.

Синтаксис цикла while следующий:

Сначала объявляем переменную i, которая является счётчиком и внутри цикла мы этот счётчик инкрементируем. Внутри круглых скобок пишем условие входа/выхода из цикла.

Замечание! Пишите условие выхода правильно, иначе может получиться бесконечный цикл и тогда скрипт зависнет . Такой цикл может получиться, если например, в условие выхода, напишем просто true.

Для примера выведем строку "Всем привет!" 10 раз.

Var i = 0; while(i "); i++; }

Переменная i, может начаться как с 0 так и с 1 или с другого любого числа.

Условие выхода является в тоже время и условием входа. Цикл работает следующим образом: Сначала проверяется если переменная i, меньше 10, и если условие истина, то мы входим в цикл, иначе, нет. В данном случае если переменная i будет равна 30, например, то цикл не выполнится, потому что 30 не меньше 10.

Зашли цикл, вывели строчку "Всем привет", инкрементировали счётчик и опять переходим к условию, где опять проверяем если значение переменной i, меньше 10, то мы входим в цикл, иначе выходим из него. И так происходит до того момента когда условие входа станет лож, то есть значение переменной i будет 10. 10 не меньше 10, поэтому мы уже не входим в цикл, а идём дальше.

Замечание! Не забудьте инкрементировать счётчик (i++), иначе опять же получится бесконечный цикл.

С циклом while разобрались, теперь перейдём к циклу do-while.

Синтаксис цикла do-while следующий:

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

Замечание! Как и у цикла while, не забудьте инкрементировать счётчик i.

Перейдём к практике. Для примера посчитаем произведение чисел от 1 до 10.

Var i = 1; var production = 1; do{ production *= i; i++; }while(i

Результатом будет число 3628800. На первом шаге мы сразу вошли в цикл, несмотря на его условие, где выполнилось операция production *= i (это тоже самое что и production = production * 1). Потом инкрементируем счётчик. После инкрементации он имеет значение 2. И в конце проверяем условие, если значение счётчика меньше либо равно 10, то мы идём к следующей итерации цикла, иначе мы выходим из цикла и идём дальше.

Цикл for

Как я уже написал выше цикл for, встречается достаточно часто, поэтому его нужно знать очень хорошо.

Синтаксис цикла for следующий:

Для лучшего понимания решим простую задачу. Допустим нам нужно посчитать сумму чисел от 1 до 1000 с помощью цикла for.

Var summa = 0; for(var i = 1; i

Сохраняем документ, открываем его в браузере и видим, что результат равен 500500.

Замечание! Если в цикле находится только одни оператор, то фигурные скобки использовать необязательно.

Для демонстрации выведем на экран 5 раз, какую то строку, например " Здравствуйте! ".

For(var i = 1; i

Замечание! После выполнения цикла в переменной i, остаётся последнее значение.

Теперь решим задачу чуть по сложнее, например нам нужно вывести строку "Привет" 100 раз. И для того чтобы это все не вывелось в один ряд, то после каждой 10-ой итерации, перейдём на новую строку. И в конце выведем значение переменной i.

For(var i = 1; i <= 100; i++){ document.write("привет!"); if(i % 10 == 0)  document.write("
"); } document.write("

Переменная i = " + i + "

Цикл foreach обычно используется для перебора объектов и массивов. Поэтому о нем я расскажу в статье описывающая работу с массивами.

Оператор break предназначен для того чтобы принудительно выйти из цикла.

Оператор continue позволяет прервать текущую итерацию цикла, и перейти к следующей.

Для лучшего понимания, тоже решим простую задачу. Допустим, мы хотим посчитать сумму нечётных чисел с 1 до 20. И когда дойдём до 15-ой итерации, то выйдем из цикла.

Var summa = 0; for(var i = 1; i <= 20; i++){ //Пропускаем текущею итерацию цикла if(i % 2 == 0) continue; summa += i; //Выходим совсем из цикла. if(i == 15) break; document.write(i + ". Итерация
"); } document.write("

summa = " + summa + "

Сохраняем документ, открываем его в браузере и смотрим на результат.

Для тренировки попробуйте изменить написанный скрипт, таким образом, чтобы он посчитал сумму чётных чисел.

На этом заканчивается эта статья. Теперь Вы знаете синтаксис циклов while, do-while, for и как с ними работать . Также познакомились с операторами break и continue .

Основная цель в JavaScript while — повторно запускать определенный фрагмент кода, снова и снова. Он очень похож на цикл for с одним важным отличием. Позвольте мне занять немного вашего времени, чтобы объяснить разницу между этими двумя типами циклов.

В чем разница между циклами while и for?

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

Цикл for выполняется установленное количество итераций. Мы точно знаем, сколько раз цикл выполнит заключенный в его теле фрагмент кода.

В while все происходит по-другому. Цикл while JavaScript выполняется, пока истинно определенное условие. После того, как условие расценивается как ложное, тогда цикл while прекращается.

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

Плюсы и минусы цикла while

Позвольте мне начать с рассмотрения единственного существенного «минуса » цикла while . Он может работать вечно!

Если окажетесь в ситуации, когда цикл while продолжит выполняться до бесконечности, то ваша программа застрянет (или зависнет ). Тогда нужно закрыть браузер, чтобы прервать выполнение кода JavaScript .

Должен отметить, что неуправляемый в JavaScript while loop обычно не работает вечно. Потому что, как программисты мы всегда обязаны удостовериться, что в какой-то момент условие нашего цикла while станет false .

Теперь относительно «плюсов » — они весьма очевидны. While будет непрерывно работать до тех пор, пока выполняется условие. В качестве примера использования цикла while можно привести запрос к пользователю ввести данные. Цикл будет предлагать ввести данные снова и снова, пока пользователь не введет корректные данные.

Синтаксис цикла while

Синтаксис циклов for и while очень похож.

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

Вот, как должен выглядеть код:

while () { // вставьте сюда код, который должен выполняться циклично }

Самая трудная часть — это определить, какое условие или условия нужно поместить в цикл, чтобы он работал должным образом.

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

Пример цикла while

Предположим, что мы хотим попросить пользователя ввести число от 1 до 10. Но что произойдет, если он введет неправильное число?

В этом случае мы должны попросить его снова ввести значение, и проверить, соблюдено ли условие (введено ли число от 1 до 10 ).

Это случай, в котором цикл for с треском бы провалился. Потому что мы не можем заранее знать, сколько раз нам придется попросить пользователя ввести корректное число. В таком случае к нам на помощь приходит цикл while .

Вот как может выглядеть наш код:

var theNumber = prompt("Пожалуйста, введите число от 1 до 10."); while (theNumber < 1 || theNumber > 10 || isNaN(theNumber)) { theNumber = prompt("Введено неправильное значение, пожалуйста, введите число от 1 до 10!"); } alert("Отлично! Вы ввели число: " + theNumber);

Стоит отметить, что в приведенном выше примере у нас используется три отдельных условия в цикле while JavaScript .

Вот эти три условия: theNumber 10 || isNaN(theNumber) . Они указывают следующее:

• ЕСЛИ theNumber меньше 1, ИЛИ;
• ЕСЛИ theNumber больше 10, ИЛИ;
• ЕСЛИ theNumber — это НЕ число, то продолжить цикл.

Так как мы используем оператор ИЛИ (||) между всеми условиями, это означает, что если любое из условий истинно, то общее условие цикла while будет оценено как true, и выполнение цикла будет продолжено.

Только в том случае, если все три условия оцениваются как false , общее условие цикла while будет оценено, как false , и он будет остановлен.

Заключение

JavaScript while loop является единственным реальным циклом в языках программирования. for является просто частной разновидностью цикла while .

Это тот случай, когда вы можете самостоятельно воссоздать цикл for , используя синтаксис цикла while , смотрите и учитесь:

var counter = 0; while (counter < 10) { counter = counter + 1; console.log("The counter is currently at: " + counter); }

Код будет повторяться ровно 10 раз, не больше и не меньше. Это в точности так, работает цикл for .

Не нужно бояться использовать JavaScript while . Так как без него множество приложений просто не работали бы должным образом!

Я надеюсь, вам понравилась эта статья.

Перевод статьи «While Loop in JavaScript » был подготовлен дружной командой проекта .

Хорошо Плохо