 |
Инициализация управляющей переменной.
|
|
|
|
Четвертый урок (динамическая генерация страницы, циклы)
Введение
В первом уроке мы общались о том, что JavaScript нужен для того, чтобы обеспечивать анимацию страницы или ее динамическую генерацию. Для первого мы еще мало что знаем, но в чем же состоит динамическая генерация страницы? Мы пока что смогли обеспечить ветвление в нашем алгоритме (при помощи конструкции if), но саму страницу генерировать мы так и не научились, только могли выводить мгновенные сообщения пользователю.
Как раз в этом уроке мы научимся заполнять нашу страницу программно, по крайней мере, познакомимся с первым способом. А так же мы рассмотрим простой способ для упрощения кода при повторяющихся действиях. Хотя он покажется на первый взгляд сложным.
Динамическое заполнение страницы
До этого момента мы пользовались конструкцией alert(), которая выводила мгновенное сообщение на экран. Но что делать, если мы хотим выводить сообщения прям в окно браузера? Для этого нам потребуется следующая конструкция:
document. write ();
Ее синтаксис похож с синтаксисом конструкции alert(), т.е. если записать в скобках число, либо строку они будут выведены, только на этот раз это будет не сообщение, а текст будет выведен в окно браузера. Введенный текст будет записан в конец всего того, что уже было на экране, т.е. дозапишеться в самый конец. Текст, который будет добавлен при помощи JS, мы не увидим в исходном коде страницы. Хотя это делают некоторые браузеры, например, Google Chrome, если вы воспользуетесь Developer Tools, который если не забыли вызывается в меню, вызванном правой кнопкой мыши «Просмотр кода элемента».
Выведем на экран простой текст:
<script>
document. write ("Текст, выведенный с помощью команды write");
</script>
|
|
|
Результат выполнения этих команд:
Текст, выведенный с помощью команды write
Отметим следующее:
Для обработки текста можно использовать команды HTML, например, для вывода текста жирным шрифтом задайте:
<script>
document. write ("<B>Жирный шрифт</B>");
</script>
И Вы получите:
Жирный шрифт
Аналогично, можно вывести курсивный шрифт и с подчеркиванием, изменить размер и цвет текста.
Для вывода графического изображения picture.gif зададим команду:
<script>
document. write ("<IMG SRC='picture.gif' />");
</script>
Обратите внимание, что имя файла задано в одинарных кавычках для того, чтобы избежать путаницу, действует правило: внутри двойных кавычек пишем одинарные, внутри одинарных соответственно, двойные.
Теперь используя, условный оператор на экране может появиться разные варианты текстов, изображений, элементов HTML.
Я думаю, не составит переписать старые программы так, чтобы был использован вывод не сообщением, а текстом в экране браузера.
Циклы
Циклы — это инструкции, выполняющие одну и туже последовательность действий, пока действует определенное условие.
В реальной жизни мы довольно часто сталкиваемся с циклами. Например, ходьба человека — вполне циклическое явление: шаг левой, шаг правой, снова левой-правой и т.д., пока не будет достигнута некая цель (например, школа или магазин). В компьютерных программах наряду с инструкциями ветвлениями (т.е. выбором пути действия) также существуют инструкции циклов (повторения действия). Если бы инструкций цикла не существовало, то тогда пришлось бы много раз вставлять в программу один и тот же код подряд столько раз, сколько нужно выполнить одинаковую последовательность действий. Если бы не было циклов, то программирование было бы достаточно скучным занятием.
|
|
|
Например, представим алгоритм, реализующий мытьё тарелок:
0. Взять тарелку из раковины.
1. Намылить тарелку средством для мытья посуды.
2. Потереть тарелку мочалкой.
3. Смыть мыльную пену с тарелки.
4. Вытереть тарелку.
5. Поставить тарелку на полку.
6. Конец программы.
В данном, на первый взгляд толковом, алгоритме есть одна маленькая тонкость - если тарелок будет больше одной, то вымытой все равно окажется только одна. Это связано с тем, что программа выполняет все действия линейным образом - сверху вниз по порядку. Следовательно, нам необходимо придумать каким способом заставить программу повторить набор конкретных действий, и при этом определить нужное количество повторов. Правильный алгоритм будет выглядеть так:
0. Взять тарелку из раковины.
1. Намылить тарелку средством для мытья посуды.
2. Потереть тарелку мочалкой.
3. Смыть мыльную пену с тарелки.
4. Вытереть тарелку.
5. Поставить тарелку на полку.
6. Если есть еще грязные тарелки вернуться к пункту 0.
7. Конец программы.
Обратим внимание на то, что для того, что бы определить, повторять ли действия сначала используется условие "Если есть еще грязные тарелки". Если это условие истинно - действия повторяются, если ложно, выполняется следующий, 7-ой пункт алгоритма.
Итак, мы пришли к тому, что нам необходима некая конструкция, которая заключает в себе набор действий для повторения. При этом количество повторений должно зависеть от какого-то условия, содержащегося в этой же конструкции.
Давайте представим этот алгоритм в виде блок-схемы.
В блоке №1 и выполняются действие «помывки тарелки», а вот в условном блоке №2 выполняется проверка: есть ли еще грязные тарелки? Так вот если да, то мы возвращаемся назад, если нет, тогда идем дальше.
Таким образом, мы описали одну из конструкций циклов в JavaScript, которая называется do.. while. С английского она переводиться «делать.. пока». Слово «пока» расшифровывается вовсе не как «прощай», а имеет смысл «пока что-то выполняется». Для нашего случая: «пока есть грязные тарелки».
Цикл do.. while
Давайте рассмотрим синтаксис нашего цикла:
do
{
действие;
}
while (условие);
Всмотритесь: после do идут фигурные скобки, в которых вы можете разместить действие, операцию или выполнение какой-либо конструкции (для нашего случая это мытье одной тарелки). Вы можете указывать сколько угодно действий, главное, чтобы вы закрыли фигурную скобку, которая покажет где окончание тела цикла. Под словом «тело цикла» понимается та часть, которая будет повторяться. После того, как мы закрыли фигурную скобку необходимо написать while и в скобках указать условие, вернее логическую операцию, которая возвращает либо true, либо false. А если это будет не логическая операция, а например арифметическая, которая возвращает число, то это число будет преобразовано в булевый тип данных (если забыли, то смотрите предыдущие уроки в теме «преобразование типов данных»). Если результат в условии равен true, значит действие, которое стоит в фигурных скобках выполняется, если false, то выходим из цикла.
|
|
|
Будьте внимательны:
В этой конструкции вам нужно подставить только действие и условие, остальные элементы вы не должны менять. Например, между do и фигурной скобкой или фигурной скобкой и while писать какие-либо символы НЕЛЬЗЯ!
Давайте попробуем сделать алгоритм, приведенный выше. Заодно познакомимся с кое-чем новым.
Давайте мы будем выводить действия мытья посуды (понятно, что у нас в компьютере нет посуды). Сейчас мы воспользуемся конструкцией document.write(), поэтому выполним все по шагам. Вот как выглядела программа, для мытья одной тарелки:
<html>
<head>
<script type="text/javascript">
document. write ("Взять тарелку из раковины.<br>");
document. write ("Намылить тарелку средством для мытья посуды.<br>");
document. write ("Потереть тарелку мочалкой.<br>");
document. write ("Вытереть тарелку.<br>");
document. write ("Поставить тарелку на полку.<br>");
</script>
</head>
Теперь необходимо заставить скрипт повторять этот вывод несколько раз. Нам нужно определиться сколько раз. Ну, допустим, что у нас есть 3 грязных тарелки. Давайте введем переменную, которая будет хранить это значение. После каждой вымытой тарелки мы будем уменьшать количество грязных тарелок соответствующей операцией. А условие, при котором у нас будет выполняться цикл: это существование грязных тарелок. Т.е. если у нас еще есть грязные тарелки, то цикл будет работать иначе можно сказать, если количество тарелок больше нуля, то мыть их дальше. Отобразим все вышесказанное:
|
|
|
<html>
<head>
<script type="text/javascript">
//Покажем сколько у нас тарелок
var kol_tarelok = 3;
do
{
//Сделаем операцию
document. write ("Взять тарелку из раковины.<br>");
document. write ("Намылить тарелку средством для мытья посуды.<br>");
document. write ("Потереть тарелку мочалкой.<br>");
document. write ("Вытереть тарелку.<br>");
document. write ("Поставить тарелку на полку.<br><br>");
//После вымытой тарелки уменьшим количество грязных на одну
kol_tarelok--;
}
while (kol_tarelok > 0);
</script>
</head>
Отчетливо видно, что цикл выполнился три раза. А если мы изменим переменную на другое число, то он будет выполнен столько раз, сколько укажем. Заметьте, что в условии результат операции когда-то должен поменяться в значение false, иначе цикл будет выполняться бесконечно и скрипт никогда не закончиться, пока мы его сами не остановим. Чаще всего при таком напрочь зависает браузер, поэтому всегда следите за условием. Понятно, что переменная, записанная в условии ДОЛЖНА меняться внутри тела цикла.
Посмотрите следующий пример, который тоже должен работать, но в нем есть коварство:
<html>
<head>
<script type="text/javascript">
//Покажем сколько у нас тарелок
var kol_tarelok = 3;
do
{
//Сделаем операцию
document. write ("Взять тарелку из раковины.<br>");
document. write ("Намылить тарелку средством для мытья посуды.<br>");
document. write ("Потереть тарелку мочалкой.<br>");
document. write ("Вытереть тарелку.<br>");
document. write ("Поставить тарелку на полку.<br><br>");
//После вымытой тарелки уменьшим количество грязных на одну
kol_tarelok--;
}
while (kol_tarelok!= 0);
</script>
</head>
Теперь условие поменялось. И в принципе тоже должно работать, потому что цикл будет работать, пока тарелки не станут, равны нулю. Но, не всегда это правильно. Если присвоить переменной kol_tarelok отрицательное значение, то цикл будет выполняться бесконечно.
Вывод:
Чтобы этого не допустить, всегда нужно ставить знаки: больше, меньше, больше либо равно, меньше либо равно.
К сожалению, конструкция цикла, которую мы рассмотрели, применяется не часто, но она наглядно показывает, как работает цикл.
Вернемся, к первому варианту цикла. Этот цикл работает не всегда корректно, к примеру, если мы укажем ноль тарелок, то цикл все равно выполниться один раз, потому что проверка идет после выполнения.
|
|
|
Цикл while
Цикл while похож на цикл do.. while. В цикле do.. while в любом случае сначала выполняется действие и только потом идет проверка условия. В цикле while разница состоит в том, что проверка условия производится сразу же при входе в цикл, и, лишь затем, если условие истинно - выполняется действие. Если условие истинно, выполнение действия продолжается, а если нет, то выполнение передается следующему за while оператору. Другими словами, в do.. while действие хотя бы один раз выполняется, а в while могут ни разу и не выполниться. Давайте рассмотрим это на схеме:
В общем, здесь все понятно без слов, если вы разобрались с предыдущей конструкцией цикла.
Теперь давайте рассмотрим синтаксис цикла while:
while (условие)
{
действие;
}
Видите, что синтаксис изменился. Но суть осталась та же. Нужно написать условие и действие. Нужно опять таки помнить, что выражение в условии когда-то должно поменяться на false, иначе цикл будет бесконечным. Соответственно переменную, которая будет стоять в условии, мы будем менять в теле цикла.
Давайте предыдущий пример переведем в цикл while:
<html>
<head>
<script type="text/javascript">
//Покажем сколько у нас тарелок
var kol_tarelok = 3;
while (kol_tarelok > 0)
{
//Сделаем операцию
document. write ("Взять тарелку из раковины.<br>");
document. write ("Намылить тарелку средством для мытья посуды.<br>");
document. write ("Потереть тарелку мочалкой.<br>");
document. write ("Вытереть тарелку.<br>");
document. write ("Поставить тарелку на полку.<br><br>");
//После вымытой тарелки уменьшим количество грязных на одну
kol_tarelok--;
}
</script>
</head>
Думаю, комментарии излишни.
Примечание:
Так же как и в конструкции if в циклах можно опускать фигурные скобки, если у вас всего одна операция, но этого мы не рекомендуем делать, потому что иногда из-за этого могут возникнуть ошибки, которые трудно выявить. Исходя из этого НИКОГДА в конструкции while не ставьте точку с запятой после круглых скобок в while():
<html>
<head>
<script type="text/javascript">
var count= 3;
while (count > 0);
{
document. write ("Операция.<br>");
count --;
}
</script>
</head>
Кто не понял, то только что мы создали вечный цикл из-за того, что точка с запятой была воспринята, как одна пустая операция, которая выполняется в цикле. А фигурные скобки, никак уже не относятся к циклу.
Обычно одно действие цикла называется «итерацией», а переменная-счетчик, за счет которой выполняется цикл – итератором. В большинстве циклов необходим итератор. Это необходимо в том случае, если у нас известное количество ходов. А если, к примеру, мы хотим выполнять наш цикл одну секунду, то мы не знаем сколько раз за секунду, может выполниться цикл, но поставить такое условие мы можем: пока не прошла одна секунда.
В данном примере мы уменьшали значение нашего итератора, но в большинстве случаев этого лучше не делать, потому что из-за уменьшения мы можем перелезть в интервал отрицательных чисел. Лучше делать следующее:
<html>
<head>
<script type="text/javascript">
var count = 0;
while (count < 3);
{
document. write ("Операция.<br>");
count ++;
}
</script>
</head>
Мы поменяли все местами: теперь счетчик увеличивается от нуля до трех, а цикл работает пока счетчик меньше трех. И выполниться он три раза.
Примеры
Сейчас мы просто рассмотрим ряд примеров, которые помогут нам хорошенько закрепить циклы, тем более наглядно покажут нам приемы, с которыми мы будем работать.
1. Задание: Вывести на экран десять звездочек.
Решение: если посмотреть на пример выше, то логично понятно, что можно его скопировать, в тело цикла вставить вывод звездочки (одной) и дело в шляпе. Для тех, кто до сих пор не понял, объясняем: необходимо операцию вывода звездочки document.write(‘*’) повторить десять раз. Для этого мы воспользуемся конструкцией while, которая позволяет повторять действия. Для того, чтобы заставить ее повторить вывод именно десять раз, необходимо считать сколько раз повторилось данное действие вообще. Соответственно, мы создадим переменную, которая будет считать именно это. С самого начала она будет равна нуля, а каждый вывод на экран (после него) мы будем ее увеличивать на единицу. Наш цикл будет повторяться до тех пор, пока (не забыли, что пока переводиться как while) наш счетчик, не достиг десяти, другими словами пока он меньше десяти. Вот и все.
<html>
<head>
<script type="text/javascript">
var count = 0;
while (count < 10);
{
document. write ("*");
count ++;
}
</script>
</head>
2. Задание: Запросить у пользователя, сколько звездочек вывести. Соответственно столько звездочек и вывести.
Решение: Эта задача подобна прошлой. У нас появляется новая переменная, в которую мы запишем пожелание пользователя (сколько раз будет выполнен цикл). Как вы думаете, как сделать, чтобы наш цикл выполнялся именно столько раз? Конечно, вместо 10-ки (из прошлой задачи) подставить эту переменную.
<html>
<head>
<script type="text/javascript">
var count = 0;
var kol = prompt("Введите сколько звездочек вы хотите видеть?", 10);
kol = parseInt(kol);
while (count < kol)
{
document. write ("*");
count++;
}
</script>
</head>
Единственная незадача – это то, что если нажать отмена, то выведется одна звездочка. Подумайте, как это предотвратить.
3. Задание: Запросить у пользователя, сколько звездочек он хочет увидеть и в каком расположении он их хочет увидеть: горизонтальном или вертикальном.
Решение: с первого взгляда, кажется, что эта задача сложная, хотя давайте размышлять логически: необходимо создать новую переменную и запросить у пользователя еще одни данные: пусть 1 – это горизонтальная линия из звездочек, а 2 – это вертикальная. Давайте подумаем, чем отличается вертикальная линия, от горизонтальной при выводе? Конечно, всего-навсего переносом курсора после каждой звездочки. Т.е. если у нас горизонтальная линия, то мы выводим обычную звездочку, а если вертикальная, то звездочку и тег <BR>.
<html>
<head>
<script type="text/javascript">
var count = 0;
var kol = prompt("Введите сколько звездочек вы хотите видет?", 10);
kol = parseInt(kol);
var vert = prompt("1. Горизонтальная линия, 2. Вертикальная линия", 1);
vert = parseInt(vert);
while (count < kol)
{
document. write ("*");
if (vert == 2) document. write ("<BR>");
count++;
}
</script>
</head>
4. Задание: Необходимо выводить звездочки, пока пользователь не остановит этот процесс. Соответственно, после вывода каждой звездочки спрашивать у пользователя хочет ли он еще.
Решение: Все просто используем конструкцию confirm(), которая возвращает true, если пользователь нажал ОК. Эту конструкцию можно засунуть, прям в условие, ведь она выдает либо true, либо false. Если мы зададим следующий вопрос: «Хотите увидеть звездочку?», то если пользователь ответит да, то конструкция вернет true и цикл продолжиться, в следующий раз он опять будет проверять условие и опять сработает эта конструкция. В этом случае вообще не нужен счетчик, потому что в данном случае мы не знаем сколько раз будет выполнен скрипт. Вот вам первый пример, когда не нужно использовать счетчик.
<html>
<head>
<script type="text/javascript">
while (confirm("Хотите увидеть звездочку?"))
{
document. write ("*");
}
</script>
</head>
5. Следующий пример прокомментируем так: если вы будете запрашивать у пользователя, к примеру, ввести один из двух вариантов: 1 или 2, то если пользователь введет 3, к примеру, то не понятно как работать программе. Можно поставить проверку и вывести, что пользователь допустил ошибку. Но, чтобы ввести заново эти данные, пользователю придется перезапустить скрипт. Это не сильно эргономично. Представьте сайт солидной организации, у которой вам нужно перезапускать скрипт, если вы что-то не так сделали. Следующий скрипт показывает, как выбраться из этой ситуации.
<html>
<head>
<script type="text/javascript">
var num = prompt("Введите число 1 или 2.", 1);
num = parseInt(num);
while (num!= 1 && num!= 2)
{
var num = prompt("Вы ввели не правильное число. Введите число 1 или 2.", 1);
num = parseInt(num);
}
</script>
</head>
Либо можно сделать следующее:
<html>
<head>
<script type="text/javascript">
do
{
if (num!= undefined) var error = 'Вы ввели не правильное число. ';
else var error = '';
var num = prompt(error + "Введите число 1 или 2.", 1);
num = parseInt(num);
}
while (num!= 1 && num!= 2);
</script>
</head>
А можно еще сократить код:
<html>
<head>
<script type="text/javascript">
do
{
var num = prompt((num!= undefined? 'Вы ввели не правильное число. ': '') + "Введите число 1 или 2.", 1);
num = parseInt(num);
}
while (num!= 1 && num!= 2);
</script>
</head>
Теперь понятно, зачем нам нужно два цикла: while и do..while. Под каждую задачу есть своя реализация, но, честно говоря, в большинстве случаев люди пользуются теми конструкциями, к которым они больше привыкли.
6. Еще пару слов о цикле do..while. Задание: Предположим, нам необходимо написать программу, в которой пользователю предоставляется право выбора какого-то действия несколько раз подряд. Реализуем данную задачу сначала с помощью while, а затем с помощью do while. Проанализируйте код:
<html>
<head>
<script type="text/javascript">
var answer, A, B, RES;
// запрос на выбор операции
answer = prompt("\nВыберите операцию:\n\n 1 - если вы хотите увидеть сумму.\n\n 2 - если вы хотите увидеть разницу.\n\n 3 - если вы хотите выйти.\n\n", 1);
answer = parseInt(answer);
while (answer!= 3) //проверка условия
{
switch (answer){
case 1: //если пользователь выбрал сложение
A = prompt("Введите первое число: ", 1);
A = parseInt(A);
B = prompt("Введите второе число: ", 1);
B = parseInt(B);
RES = A+B;
alert("Результат: " + RES);
break; // остановка switch
case 2: // если пользователь выбрал вычитание
A = prompt("Введите первое число: ", 1);
A = parseInt(A);
B = prompt("Введите второе число: ", 1);
B = parseInt(B);
RES = A-B;
alert("Результат: " + RES);
break; // остановка switch
case 3: // если пользователь выбрал выход
alert("Выход!!!");
break;
default: // если выбранное действие некорректено
alert("Ошибка, эта операция не корректна. Повторите ввод.");
}
// запрос на выбор операции
answer = prompt("\nВыберите операцию:\n\n 1 - если вы хотите увидеть сумму.\n\n 2 - если вы хотите увидеть разницу.\n\n 3 - если вы хотите выйти.\n\n", 1);
answer = parseInt(answer);
}
alert("Пока!!!");
</script>
</head>
В данном примере пользователю предлагается выбрать действие. Затем, после ввода, программа проверяет: если это действие – выход из программы – программа завершается, если нет, то производится вход в цикл, анализ действия и выполнение математической операции. Затем программа, снова спросит у пользователя, что он хочет сделать.
Данный код является неоптимальным решением. Как видите, фрагмент запроса у пользователя действия повторяется несколько раз. В этом случае следует использовать do while. Данная конструкция приведет код к надлежащему виду:
<html>
<head>
<script type="text/javascript">
var answer, A, B, RES;
do
{
// запрос на выбор операции
answer = prompt("\nВыберите операцию:\n\n 1 - если вы хотите увидеть сумму.\n\n 2 - если вы хотите увидеть разницу.\n\n 3 - если вы хотите выйти.\n\n", 1);
answer = parseInt(answer);
switch (answer){
case 1: //если пользователь выбрал сложение
A = prompt("Введите первое число: ", 1);
A = parseInt(A);
B = prompt("Введите второе число: ", 1);
B = parseInt(B);
RES = A+B;
alert("Результат: " + RES);
break; // остановка switch
case 2: // если пользователь выбрал вычитание
A = prompt("Введите первое число: ", 1);
A = parseInt(A);
B = prompt("Введите второе число: ", 1);
B = parseInt(B);
RES = A-B;
alert("Результат: " + RES);
break; // остановка switch
case 3: // если пользователь выбрал выход
alert("Выход!!!");
break;
default: // если выбранное действие некорректено
alert("Ошибка, эта операция не корректна. Повторите ввод.");
}
}
while (answer!= 3); //проверка условия
alert("Пока!!!");
</script>
</head>
Исходя из вышесказанного, вы должны понимать, что обе описанные в сегодняшнем уроке конструкции полезны. Вам необходимо лишь научиться выбирать ту или иную, в зависимости от задачи.
Конструкция for
Чуть выше мы с вами познакомились с таким понятием как цикл и рассмотрели некоторые из конструкций, представляющих циклы. А, именно – while и do while. Сейчас мы рассмотрим еще одну разновидность цикла – оператор for. Данный оператор теоретически является полной аналогией while, а практически позволяет организовать цикл с более удобным управлением.
Общий синтаксис и принцип работы конструкции for:
for (инициализация переменной; проверка условия; изменение переменной)
{
действие;
}
В данной конструкции обычно вписывают в скобках переменные-итераторы (если забыли, то это переменные, которые помогают ограничить выполнение цикла).
Принцип выполнения цикла:
1. Инициализация переменной.
2. Проверка условия.
3. Выполнение действия, если условие истинно.
4. Если условие ложно, выход из цикла.
5. Если условие было истинно - изменение переменной.
6. Проверка условия. Далее снова пункт 3 или 4.
Проследите аналогию:
| var count = 0; while (count < 3) { //Действие count ++; } | for (var count=0; count<3; count++) { //Действие } |
Пример использования:
Рассмотрим простой уже знакомый пример: с помощью цикла показать на экран цифры от 1 до 5 включительно. Только сделаем это с помощью оператора for.
<html>
<head>
<script type="text/javascript">
for (var i = 1; i <= 5; i++)
{
document. write (i + " ");
}
</script>
</head>
Комментарий к примеру:
1. Внутри цикла объявляется переменная i равная 1. Это и будет переменная-итератор.
2. Затем, осуществляется проверка значения этой переменной с помощью условия i<=5;
3. Если условие истинно (а так будет, пока i не достигнет значения 6) выполняется показ значения i на экран и изменение управляющей переменной i на 1 (i++). Затем, снова проверяется условие.
2. Если условие ложно (то есть значение i стало равно 6), то программа переходит на следующую строчку за закрывающейся фигурной скобкой цикла.
Примечание:
Обратите внимания, что первый шаг - СОЗДАНИЕ И ИНИЦИАЛИЗАЦИЯ ПЕРЕМЕННОЙ - всегда выполняется только один раз.
Некоторые особенности синтаксиса for:
Несмотря на простоту работы оператора, он обладает некоторыми особенностями форм записи.
Инициализация управляющей переменной.
1. Инициализация и создание переменной производится в цикле.
for (var i = 1; i <= 5; i++)
{
document. write (i + " ");
}
2. Cоздание переменной производится до цикла, а инициализация в цикле.
var i;
for (i = 1; i <= 5; i++)
{
document. write (i + " ");
}
3. Инициализация и создание переменной производятся до цикла. В этом случае будьте внимательны – точка с запятой вначале ОБЯЗАТЕЛЬНА.
var i = 1
for (; i <= 5; i++)
{
document. write (i + " ");
}
Все три примера являются абсолютно функционирующими и равновесными.
|
|
|
