Компьютеры и ПО: Web-программирование

Служба рассылок MailList.ru компании АГАВА

Архив рассылки Web-программирование - это просто!

Не показываются картинки?

Новое на сайте Программирование - это просто! (www.easyprog.ru):

В платном разделе

Web+1C. Урок 1. Браузер в 1С.

В бесплатном разделе

Генетический алгоритм. Шаг 14. Первая стратегия, и, может быть, последняя...
1С:Профессионал и Специалист по УПП для чайников. Урок 10. Взаимосвязь между организациями.
Microsoft visual c++ 2008. Урок 10. Область видимости переменных. Extern.
Delphi. Маленькие хитрости: CheckBox в DBGrid (TDbGrid, Canvas, Cell)
Delphi: сообщения компилятора. Часть 3 (declaration, type, memory)
Разрабатываем экспертную систему. Урок 5. Улучшаем интерфейс нашей экспертной системы.

Добрый день, уважаемые подписчики!

Тема сегодняшнего выпуска: "Java Script: операторы цикла, массивы".

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

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

<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. Поэтому здесь мы ставим строго меньше, а не меньше или равно как в предыдущем цикле.

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

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.