«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript

Игра на «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих


В 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, позволяет автоматизировать некоторые действия.

Отзывы и комментарии:

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

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Циклы
Последние заметки
Популярные заметки