JavaScript - Циклы for и while

Циклы позволяют выполнять один и тот же код много раз и используются они очень часто.

Цикл for

Самый популярный вид циклов - цикл for. Синтаксис у него следующий:

for (A; B; I){S}

где

A - первоначальное выражение,

B - условие продолжения. Если это выражение ложно, то выполнение цикла завершается,

I - выражение инкремента,

{} - тело цикла,

S - операторы.

Предположим, мы хотим написать сценарий, который будет складывать все числа от a до b, (где a и b будут вводиться пользователем) и отображать полученный результат. Итак, на html-странице мы будем иметь следующий код:

Выглядеть она будет так:

Осталось на странице script.js написать саму функцию summa():

function summa(obj) {

var summa=0;

var a1=1*obj.a1.value;

var a2=1*obj.a2.value;

for (var i = a1; i <= a2; i++)

{ summa+=i;

}

obj.result.value = summa;

}

Из нового здесь только сам цикл, разберемся, как он работает:

параметру цикла i присваивается значение a1, т.е. число, которое указал пользователь в текстовом поле ОТ и тело цикла (в фигурных скобках) выполняется с этим значением, т.е. в переменную summa записывается значение равное a1. После этого вычисляется выражение i++, т.е. значение i увеличивается на 1. Затем javascript проверяет условие i <= a2 и, если оно истинно, тело цикла выполняется снова, т.е. значение переменной summa увеличивается на само себя плюс 1. Таким образом, цикл выполняется до тех пор, пока не сложит все числа от a1 до a2. Когда условие i <= a2 станет ложным, цикл прекратит свою работу, а полученный результат (значение переменной summa) будет выведен в поле result. Обратите внимание, что переменную i можно объявить прямо в цикле - var i = a1.

В общем, на этом можно было бы и закончить, но все-таки есть еще один нюанс. Для правильной работы нашего цикла значение a2 должно быть больше значения a1. Добавим это условие в нашу функцию:

function summa(obj) {

var summa=0;

var a1=1*obj.a1.value;

var a2=1*obj.a2.value;

if (a2 > a1){

for (var i = a1; i <= a2; i++) {

summa+=i;

}

obj.result.value = summa;

}

else alert("Значение ОТ должно быть меньше значения ДО")

}

Вот теперь наш цикл будет работать как надо.

Цикл while

Не менее популярный вид циклов - цикл while. Синтаксис у него следующий:

while (B){S}

где B - условие продолжения. Если это выражение ложно, то выполнение цикла завершается,

{} - тело цикла,

S - операторы.

Иными словами, операторы S, выполняются до тех пор, пока условие B не станет ложным.

Практическое задание:

Написать сценарий, который будет складывать все числа от a до b, (где a и b будут вводиться пользователем) и отображать полученный результат с использованием цикла while.