Оператор цикла for

Мы уже знаем, что с помощью метода setInterval можно бесконечно повторять какой-либо оператор. Однако часто необходимо выполнить оператор только определённое число раз, например, ровно пять раз. Метод setInterval не позволяет это сделать, так как у него нет счётчика. Познакомимся с оператором цикла for, которого называют также циклом со счётчиком.

Цикл — это последовательность операторов, выполнение которой повторяется до тех пор, пока определённое условие не станет ложным. Оператор цикла в любом языке программирования позволяет организовать повторяющиеся вычисления. Избавить себя от рутинной и монотонной работы — это как раз то, для чего человек создаёт машины.

Оператор цикла for имеет вид:
for (инициализация; условие; изменение) {
оператор;
}
Здесь:

• инициализация задаёт переменную-счётчик и его начальное значение. Имя переменной можно выбрать любое, но часто используют i или j. Эту переменную можно как обычно использовать в теле цикла. Начальное значение обычно выбирают 0 или 1, но может быть и другое, если это удобно по условию задачи.
• условие — выражение, проверяющее достижение счётчиком предельного значения. Если условие истинно, то очередной цикл повторится, а если ложно, то выполнение прекращается;
• изменение увеличивает счётчик цикла, обычно на 1, но может быть и на другую величину, или наоборот, уменьшать, если это удобно по условию задачи;
• оператор — любая группа операторов JavaScript.

Ниже показан цикл, выводящий на страницу числа от 1 до 5 в строку.
<script>
for(i=1; i<=5; i=i+1) {
document.write(i);
}
</script>
Здесь выражение i=1; устанавливает начальное значение переменной-счётчику цикла.
Условие i<=5; определяет предел, на котором цикл остановится. В нашем случае переменная цикла пробегает значения от 1 до 5, то есть всего 5 повторений.
Выражение i=i+1 увеличивает переменную цикла на единицу.
Метод write выводит на страницу значение переменной i.

Справа показана схема алгоритма выполниения цикла.

Задание 1

Используя оператор цикла, выведите на страницу числа:

• от 1 до 15;
• от -10 до 10;
• от -10 до 10, разделённые пробелом;
• от -10 до 10 в столбик.

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

Задание 2

С помощью оператора цикла выведите на страницу 10 одинаковых картинок.

Задание 3

Выведите нечётные числа из диапазона от 1 до 20 в столбик, а чётные числа из диапазона от 20 до 40 — в строку.

Анализ задания 3 Как известно, нечётные числа начинаются с 1 и отличаются друг от друга на 2. Следовательно, переменная цикла должна нарастать каждый раз на 2. Аналогично и чётные числа, только начинаться они должны с чётного чила. Так как выводиться они должны по-разному, то необходимы два разных цикла.