Далее на странице...
В JavaScript есть несколько видов циклов. Один из них это цикл while (while переводиться как пока).
Чтобы понять, как работает цикл while, рассмотрим два примера.
Вывод чисел от 1 до 100
Чтобы понять, как работает цикл while, рассмотрим простой пример. Последовательно, при помощи цикла выведем на экран числа от 1 до 100.
Как известно цикл имеет определенную структуру и имеет 3 составляющих.
Применительно к нашему случаю это:
-
Счётчик – числа от 1 до 100.
-
Действие - вывод чисел на экран.
-
Ограничение – дойдя до 100, вывод чисел прекращается.
<script type="text/javascript">
var i = 1; /* Создаём переменную i - это счётчик */
while (i <= 100) /* Пока i меньше или равно 100 - Выполняем действие */
{
document.write(i + "<br />"); /* Выводим на экран значение счётчика */
i = i + 1; /* Прибавляем к значению счётчика единицу */
}
</script>
1
2
3
.
.
.
100
Сначала создается счётчик - переменная i, которой присваивается значение 1.
Затем задается условие и выполняется действие: пока i меньше или равно 100, происходит вывод на экран значения переменной i и сразу после этого к текущему значению переменной прибавляется единица.
И ограничение: дойдя до 100, вывод чисел прекращается.
Перед тем как подробно и по шагам разобрать этот пример, полезно вспомнить следующее: язык JavaScript воспринимает условие, следующее после оператора while либо как Истину, либо как Ложь.
-
Итак, сначала i = 1.
Идёт проверка равенства 1 <= 100. Это Истина и JavaScript выводит на экран 1.
Затем к текущему значению переменной i прибавляется единица: i = i + 1.
-
Теперь i = 2.
Идёт проверка равенства 2 <= 100. Это Истина и JavaScript выводит на экран 2.
Снова к переменной i прибавляется единица: i = i + 1;
И так до тех пор, пока цикл не дойдет до 100.
-
Теперь i = 100.
Идёт проверка равенства 100 <= 100. Это Истина и JavaScript выводит на экран 100.
Снова к переменной i прибавляется единица: i = i + 1;
-
Теперь i = 101.
Идёт проверка равенства 101 <= 100. Это Ложь. Условие не выполняется и JavaScript прекращает свою работу с циклом. Соответственно вывод чисел прекращается.
Точно также за 1 секунду можно вывести на экран числа от 1 до 10 000. В то время как вручную этот процесс займет гораздо больше времени.
Цикл while - Вывод элементов Массива
Второй пример работы цикла while – вывод элементов массива.
Есть массив: var friends = [" Алексей", " Вячеслав", " Григорий", "Настя", " Павел"];
Используя цикл while, нужно вывести на экран значения его элементов.
-
Массив содержит 5 элементов.
-
Нумерация элементов массива начинается с нуля, поэтому начальное значение счетчика цикла - это 0.
-
Ограничение – число элементов массива 5.
-
Действие - вывод на экран значения текущего элемента массива и прибавление к счетчику единицы.
<script type="text/javascript">
var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"];
var i = 0; /* Устанавливаем СЧЁТЧИК. 0 - это индекс 1-го элемента массива */
while (i < friends.length) /* ОГРАНИЧЕНИЕ. Задаем условие: пока i меньше числа элементов массива, то есть 5 */
{
document.write(friends[i] + "<br />"); /* Выполняем ДЕЙСТВИЕ - Выводим текущий элемент массива и прибавляем к переменной i единицу */
i++;
}
</script>
Алексей
Вячеслав
Григорий
Настя
Павел
Из этих примеров работы с циклом while следует вывод: применение циклов в JavaScript, в частности цикла while, позволяет автоматизировать некоторые действия.
Дата: 2022-11-30
good