Далее на странице...
Цикл for в JavaScript используется и встречается чаще, чем while. В большинстве случаев им удобнее пользоваться благодаря короткой записи его кода. Ведь, по сути, цикл for представляет собой одно выражение.
Чтобы изучить и лучше понять работу цикла for в JavaScript запись его кода удобно сравнить с кодом цикла while.
Снова о цикле while
Чтобы еще раз продемонстрировать работу цикла while, рассмотреть его код, а также напомнить о том, какова структура любого цикла, приведем пример из этой заметки, где с помощью цикла while был реализован вывод всех элементов массива на экран.
<script type="text/javascript">
var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"];
var i = 0; /* Устанавливаем счетчик */
while (i < friends.length) /* Проверяем условие */
{
document.write(friends[i] + "<br />"); /* Выполняем действие */
i++; /* Увеличиваем счетчик */
}
</script>
Алексей
Вячеслав
Григорий
Настя
Павел
Итак, любой цикл имеет следующую структуру.
Установка счетчика
Проверка условия
Выполнение действия/ий
Увеличение счетчика
Стоит обратить внимание, что все составляющие цикла while расположены отдельно друг от друга, в разных местах программного кода, который в итоге несколько растянут.
Цикл for
В цикле for три составляющих цикла: создание счетчика, проверка условия и увеличение счетчика объединены в одно выражение, поэтому цикл for в JavaScript выглядит несколько иначе.
<script type="text/javascript">
var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"];
for (var i = 0; i < friends.length; i++) /* Устанавливаем счетчик, прописываем условие и увеличиваем счетчик */
{
document.write(friends[i] + "<br />"); /* Выполняем действие */
}
</script>
Алексей
Вячеслав
Григорий
Настя
Павел
Итак, несмотря на то, что структура цикла for в JavaScript аналогична структуре цикла while, запись программного кода в случае с циклом for заметно короче.
Это реализуется благодаря тому, что все составляющие цикла (объявление счетчика, условие цикла и увеличение счетчика), кроме выполнения действия прописаны в одном выражении (в круглых скобках сразу после объявления цикла for).
Кроме этого, особенностью записи кода цикла for является то, что увеличение счетчика на единицу, то есть фрагмент кода i++, расположен перед выполнением действия.
Но это не должно смущать ни новичка, ни более опытного программиста, так как благодаря такой записи цикл выглядит более аккуратно, компактно, его структура понятна и ясна. При этом алгоритм работы цикла нисколько не меняется. Всё происходит уже по известному сценарию:
-
Установка счетчика i = 0;
Проверка условия i < friends.length;
Выполнение действия document.write(friends[i] + "<br />");
Увеличение счетчика i++
На практике цикл for встречается чаще, чем while. Ведь на самом деле им удобнее пользоваться.
