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

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

Статьи для сайтов!!!
Цикл while и Массивы Цикл for Метод open объекта Window

Цикл for в JavaScript - Структура цикла - Сравниваем for и while

Циклы в JavaScript: while и for

Урок №3 Цикл for

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

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

Здесь мы будем изучать цикл for. Он несколько отличается от цикла while, причём это отличие носит положительный характер.

Для работы с циклом for возьмем пример из предыдущего урока, когда мы с помощью цикла while выводили все элементы Массива на экран.

<script type="text/javascript">

var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"];

var i = 0; /* Устанавливаем СЧЁТЧИК */

while (i < friends.length) /* Проверяем условие */

{

document.write(friends[i] + "<br />"); /* Выполняем действие */

i++; /* Увеличиваем счетчик */

}

</script>

Результат:

Алексей
Вячеслав
Григорий
Настя
Павел

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

  • Установка счетчика

  • Проверка условия

  • Выполнение действия/ий

  • Увеличение счетчика

То есть, какой бы цикл (и не только while) мы бы не взяли, в нем всегда будут эти составляющие.

Цикл for в JavaScript

Цикл for в JavaScript

Обратите внимание на то, что в примере выше Создание счетчика, Проверка условия и Увеличение счетчика - это как бы отдельные моменты внутри цикла while. То есть каждому из них выделяется своё определенное место в общей последовательности.

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

Давайте посмотрим, как это всё выглядит на практике. Итак, перед нами всё тот же массив Друзей:

<script type="text/javascript">

var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"];

for (var i = 0; i < friends.length; i++) /* Устанавливаем Счетчик, прописываем Условие и Увеличиваем счетчик */

{

document.write(friends[i] + "<br />"); /* Выполняем действие */

}

</script>

Алексей
Вячеслав
Григорий
Настя
Павел

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

И пусть Вас не смущает в цикле for тот момент, что увеличение счетчика на единицу, то есть фрагмент кода i++, расположен перед Выполнением действия. Алгоритм его работы нисколько не меняется. Всё происходит так же, как и в цикле while:

  • Установка счетчика i = 0;

  • Проверка условия i < friends.length;

  • Выполнение действия document.write(friends[i] + "<br />");

  • Увеличение счетчика i++

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

Домашнее задание - Цикл for в JavaScript

Домашнее задание - Цикл for в JavaScript

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

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

Итак, домашнее задание таково:

Написать цикл для вывода квадратов всех чисел от 1 до 7.

В итоге вы должны получить такую картину:

Квадрат 1 = 1
Квадрат 2 = 4
Квадрат 3 = 9
Квадрат 4 = 16
Квадрат 5 = 25
Квадрат 6 = 36
Квадрат 7 = 49

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

  • Итак, сначала нам нужно установить счетчик i = 1;

  • Число 8 будет ограничением для счетчика i < 8;

  • Действие будет заключаться в том, что сначала нужно вывести текущее значение переменной i, затем квадрат этого значения i*i (умножаем значение счетчика на себя же)

  • Потом увеличиваем счетчик на единицу i++

Смотрим, как это выглядит в программном коде JavaScript:

<script type="text/javascript">

for (var i = 1; i < 8; i++) /* Устанавливаем Счетчик, прописываем Условие и Увеличиваем счетчик */

{

document.write("Квадрат " + i + " = " + i*i + "<br />"); /* Выполняем действие */

}

</script>

Квадрат 1 = 1
Квадрат 2 = 4
Квадрат 3 = 9
Квадрат 4 = 16
Квадрат 5 = 25
Квадрат 6 = 36
Квадрат 7 = 49

Вот так достаточно просто решается это задание с использованием цикла for в JavaScript. Надеюсь и у Вас это решение не вызвало затруднений.

Главная Изучаем JavaScript Цикл for Метод open объекта Window

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

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

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

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

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