Цикл от 1 до 100
В 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>
Результат
Сначала создается счётчик – переменная 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, позволяет автоматизировать некоторые действия.
Читайте также…
Источник
Жизнь есть цикл
Добрый день, товарищи.
Циклы. Вот мы и добрались до этой обширной, я бы даже сказал – гигантской, темы. Циклы окружают нас не только в программировании, но везде вокруг. Один из примеров – картинка выше. Смена времен года, смена дня и ночи, да даже человеческая жизнь – зачастую цикл, повторяющийся по одной и той же схеме. Дом – работа – дом, или дом – учеба – дом. Жизнь цикличная штука. Но не о философии родимой сейчас. Сейчас у нас циклы на языке Паскаль.
1. Виды циклов
В нашем с вами языке программирования существуют три вида циклов:
Прочитайте. Забудьте. Сейчас объясню по человечески.
Прочитайте. Забудьте. Сейчас объясню по человечески.
Итак. Отсеем лишнюю информацию. Три цикла – С постусловием, с предусловием, с параметром. Эти названия можете не запоминать, в программировании они не нужны, серьезно.
Названия циклов –
- While (Пока)
- Repeat … until (Повторять … до)
- For (Для)
Цикла три, да. Цикл Repeat можете из своего программистского лексикона сразу вычеркнуть. Обычно не существует таких задач, которые не решались бы двумя основными циклами Фор и Вайл. Более того, в остальных языках программирования, бывает, даже нет эквивалента циклу Репит, забавно.
От Вайла Репит отличается только тем, что выполнится как минимум один раз (Вайл не выполнится ни разу если условие не верное).
Сегодня мы познакомимся с циклом For и его синтаксисом в виде коротенького примера.
2. Как работает цикл For
2.1 Переменные
Как только вы зададите условие цикла и запустите программу она выполнит код, находящийся до цикла. Ну а потом начнет мотать его столько раз, сколько вы задали. С этим стоит быть осторожным, потому что можно создать бесконечный цикл, который будет работать до того момента, пока не съест всю оперативную память вашего компьютера. Благо, программу можно в любую секунду отключить, не критично, одним словом.
Объявляем переменные
Объявляем переменные
Зададим две переменные. Переменная i служит для цикла Фор, чуть позже увидите каким образом. Переменная sum – для подсчета витков цикла.
При объявлении переменные по умолчанию пусты, но если код большой, то перед циклом, на всякий случай, их рекомендуется обнулять. да и если маленький – тоже. Паскаль за это, конечно, не наказывает, но на то он и учебный язык, как никак. А вод другие языки вполне могут, неинициализированная память называется. Не забивайте голову, пока что.
2.2 Конструкция For
Конструкция цикла
Конструкция цикла
Вот здесь мы и используем переменную i. Конечно, не обязательно использовать именно такое название переменной, но в среде программистов, обычно, именно переменная i зарезервирована для циклов. Ну и еще j. Но это уж дальше разберемся. Просто привыкните к этому нестрогому правилу, легче потом будет.
Теперь разберем синтаксис:
i берет себе значение по очереди, начиная от 1 до 100 в этом цикле. Значения и диапазоны, разумеется, могут быть различны. Важное правился именно в цикле Фор – шаг цикла (один проход от begin до end внутри цикла) равен единице. Тоесть в нашем случае у цикла будет 100 шагов.
На счет begin и end – все так же как и в конструкции If- если действий внутри цикла несколько – ставить их обязательно, иначе программа будет работать не так, как вы хотите.
В нашем же цикле мы просто присваиваем переменной Sum каждый раз значение, большее на 1. Тоесть например в 5-м проходе цикла Sum будет равна 5, значит код будет выглядеть так: Sum := 5 + 1. Ну и потом, для наглядности, печатаем эту переменную.
3. Демонстрация цикла
Много, страшно, но все по порядку
Много, страшно, но все по порядку
В этом примере просто выводится каждая новая цифра. Кстати здесь можно даже обойтись без переменной Sum, достаточно просто командой write выводить саму переменную i. Sum в примере для демонстрации работы с переменными внутри цикла.
Вот вам еще пару примеров:
Да, программу можно сократить о как!
Да, программу можно сократить о как!
Здесь, например, показано как программа будет работать без второй переменной
Тут уже без двух переменных никуда
Тут уже без двух переменных никуда
Ну а здесь одной i уже не отделаешься. Именно поэтому так нужна вспомогательная переменная.
Вот так как то. Первичное знакомство с циклом Фор получилось не очень сложным. Но у нас еще много работы, ведь циклы это большая, сложная, и, самое главное, важная тема.
Всегда
Всегда
Данный человек всегда открыт для обсуждения контента и общения с подписчиками, если найдутся какие либо вопросы то я обязательно постараюсь ответить на них.
По возможности я попросил бы подписаться. Сейчас это критически важно для развития канала. Так то!
Доброго вам всем здоровьица в эти трудные времена!
Источник