Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Условия ИСТИНА и ЛОЖЬ Цикл while - Счетчик Цикл while и Массивы

Цикл while в JavaScript - Счетчик - Вывод чисел от 1 до 100 - Структура цикла

Циклы в JavaScript: while и for

Урок №1 Цикл while - Счетчик

Количество просмотров: 1307

Продолжаем изучать JavaScript. Здесь мы начинаем новую и интересную тему - циклы в JavaScript.

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

Примеры циклов в реальной жизни

Примеры циклов в реальной жизни

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

Допустим, Вы пришли на стадион. И Вам нужно пробежать 1,5 километра - это 5 кругов по 300 м. Пробежав, первый круг, Вы у себя в голове делаете отсчёт: «Я пробежал один круг, начался второй». Потом: «Я пробежал второй круг, начинаю третий». И так далее, пока Вы не пробежите 1,5 километра и потом пойдёте домой.

Это пример простого цикла из реальной жизни. Теперь разбёрем его структуру. Любой цикл содержит:

  • Счётчик - это Ваш переключатель кругов 1,2,3.... ;

  • Действие - в нашем случае это бег по кругу;

  • Ограничение - когда нужно закончить цикл - это планка в 5 кругов.

Или такой пример: Вы даёте задание ребенку - нарисовать на асфальте цифры от 1 до 10.

Это тоже цикл, его структура аналогична и он также состоит из 3-х составляющих:

  • Счётчик - это цифры от 1 до 10;

  • Действие - рисование цифр;

  • Ограничение - дойдя до 10, ребенок останавливается.

Цикл while в JavaScript

Цикл while в JavaScript

В JavaScript есть несколько вариантов использования циклов. Одним из них является цикл while (переводиться как пока), который мы как раз будет проходить в рамках этой темы. Цикл for будем изучать позже.

Итак, давайте рассмотрим простой пример и при помощи цикла 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 и потом прибавляем к ней 1.

Здесь полезно будет вспомнить то, о чём мы говорили, изучая условия if else. Язык JavaScript воспринимает условие, следующее после оператора while либо как Истину, либо как Ложь. Поэтому, исходя из этого, давайте ещё раз подробно и по шагам разберём приведённый пример с циклом while.

  • Сначала i = 1;

    Идёт проверка 1 <= 100 - это Истина и JavaScript выводит на экран 1;

  • Затем прибавляем к текущему значению переменной i единицу: i = i + 1;

    Теперь i = 2;

  • Идёт проверка 2 <= 100 - это Истина и JavaScript выводит на экран 2;

  • Снова прибавляем единицу: i = i + 1;

  • Теперь i = 3;

И так далее... До тех пор пока мы не доберёмся до 100 и, прибавив к 100 единицу, получим, что условие 101 <= 100 не выполняется - это Ложь. Поэтому на этом моменте JavaScript прекратит свою работу с циклом. А значит и прекратится вывод на экран чисел от 1 до 100.

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

Стоит отметить - Увеличение значения переменной на единицу

Стоит отметить - Увеличение значения переменной на единицу

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

То есть фрагмент кода i = i + 1; можно было записать так i++;

Давайте попробуем это применить в ранее приведённом примере...

<script type="text/javascript">

var i = 1; /* Создаём переменную i - это счётчик */

while (i <= 100) /* Пока i меньше или равно 100 - Выполняем действие... */

{

document.write(i + "<br />"); /* Выводим на экран значение счётчика и... */

i++; /* Увеличение значения переменной на единицу */

}

</script>

1
2
3
.
.
.
100

Главная Изучаем JavaScript Цикл while - Счетчик Цикл while и Массивы

Ваши комментарии к уроку:

Комментариев нет...

Добавить комментарий:

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru