Читать «HTML5. Недостающее руководство» онлайн - страница 313

}

else {

// (Этот код исполняется во всех других случаях, т. е. когда // значение переменной myNumber равно или больше 200.) }

Блок if может содержать любое количество условий, а использование конечного else без условия не является обязательным.

Циклы

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

При создании цикла for устанавливается начальное значение счетчика, конечное значение и шаг инкремента после каждого прохода. Вот пример цикла for : for (var i = 0; i < 5; i++){

// (Этот код исполняется пять раз.)

alert("This is message: " + i);

}

В начале цикла в круглых скобках указываются данные счетчика. Сначала создает-ся переменная счетчика и ей присваивается значение 0 — var i = 0 . Потом указы-вается конечное значение счетчика, т. е. условие для завершения цикла — i < 5 . Если условие не удовлетворяется, например значение i равно 5 , цикл завершается, и код внутри больше не исполняется. Последнее выражение — i++ — увеличивает значение переменной счетчика на единицу при каждом проходе цикла. (Все эти вы-ражения разделяются точкой с запятой.) Это означает, что для первого прохода цикла значение i будет 0 , для второго 1 и т. д. В итоге код цикла исполняется пять раз и выводит такую последовательность сообщений: This is message: 0

This is message: 1

This is message: 2

This is message: 3

This is message: 4

Массивы

Цикл естественно сочетается с массивом — объектом программирования, в кото-ром сохраняется несколько значений.

Массивы JavaScript обладают высшей степенью гибкости. В отличие от других языков программирования, при объявлении массива в JavaScript его размер не ука-зывается. Массив создается с помощью ключевого слова var , за которым следует имя массива:

var colorList = [];

Значения последовательным элементам массива присваиваются посредством мето-да add() объекта массива:

colorList.add("blue");

colorList.add("green");

colorList.add("red");

Можно также присвоить значение определенному элементу массива. Если данный элемент не существует, он создается автоматически: colorList[3] = "magenta";

Можно извлекать значения из конкретных элементов массива, присваивая их обыч-ным переменным:

var color = colorList[3];

Следует иметь в виду, что в JavaScript счет ведется с нуля : номер первого элемента массива равен 0, второго — 1 и т. д.

Элементы массива можно обрабатывать, используя цикл for : for (var i = 0; i < colorList.length; i++) { alert("Found color: " + colorList[i]);

}

Этот код обрабатывает элементы массива от первого (ячейка с номером 0 ) до по-следнего (номер которого определяется посредством свойства массива length , ко-торое возвращает общее количество элементов массива). Код отображает значение каждого элемента массива в окне сообщений, хотя, несомненно, можно было бы придумать более практичное применение.

Использование цикла for для обработки массивов является одним из основных ме-тодов в JavaScript. В книге мы будем часто использовать этот метод, как с массива-ми, создаваемыми нами, так и с массивами, предоставляемыми другими функциями JavaScript.