Web-программирование: «Java Script (JS): операторы цикла, массивы».

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

Сначала создадим пример, который создаст и выведет на экран массив из случайных чисел:

<HTML>
<HEAD>
<TITLE>Урок 41. Java Script (JS): операторы цикла, массивы</TITLE>
</HEAD>

<BODY>
<SCRIPT Language="JavaScript" type="text/javascript">
var nar=new Array();
for (var i=1; i<=5; i++) {
var n=Math.random()*10;
n=Math.round(n);
nar.push(n);
}
for (var i=0; i<nar.length; i++) {
document.writeln(nar[i]+"<br>");
}
</SCRIPT>
</BODY>
</HTML>

Вот что выведет на экран данный пример:

Теперь разберем код. Сначала мы создаем массив:

var nar=new Array();

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

var a=10;

а можем, как в нашем случае, хранить в переменной целый список

Далее у нас идет цикл заполнения:

for (var i=1; i<=5; i++) {
var n=Math.random()*10;
n=Math.round(n);
nar.push(n);
}

команда for означает задание цикла, в скобках после нее идут параметры цикла, а затем внутри {} тело цикла, тоесть, команды, которые должны выполнятся несколько раз, пока "крутиться" цикл.

Синтаксис команды for следующий:

for (<Оператор инициализации цикла>; <Условие повторение цикла (до каких пор его "крутить")>; <Цикловая операция>) {

<тело цикла>

}

в данном случае в операторе инициализации мы присваиваем начальное значение циклической переменной (единицу), в операторе проверки условия проверяем. не достигла ли она пяти, в цикловой операции увеличиваем его на единицу. Таким образом, мы как бы считаем до пяти, каждый раз добавляя в массив случайное число. В итог, когда завершиться цикл, в массиве у нас будет 5 случайных чисел.

Для добавления данных в массив предусмотрена команда push:

nar.push(n);

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

var i=2;
for (i--; i<=5; i++) {
var n=Math.random()*10;
n=Math.round(n);
nar.push(n);
}

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

После цикла заполнения массива у нас идет цикл вывода на экран:

for (var i=0; i<nar.length; i++) {
document.writeln(nar[i]+"<br>");
}

в нем мы обращаемся к каждому элементу массива через оператор [].

Счет элементов начинается с нуля. Соответственно, номер последнего элемента будет nar.length-1. Поэтому здесь мы ставим строго меньше, а не меньше или равно как в предыдущем цикле.

На этом я закончу урок, далее мы продолжим изучать циклы.

Последнее обновление ( 28.12.2010 г. )

« След.		Пред. »

Вернуться