Цикл с массивом

Здравствуйте уважаемые начинающие программисты.

Что такое цикл и массив мы уже знаем из предыдущих уроков. Теперь посмотрим, что и как они могут делать совместно.

Для примера выведем на экран список: ноль, один, два, три, четыре, пять, причём сделаем его столбиком.

Создаём массив.

var = ['ноль','один','два','три','четыре','пять']

Затем цикл for. В условии цикла создадим переменную i = 0, укажем что переменная меньше длины массива massif.length, и укажем что значение переменной увеличивается на единицу.

for (var i = 0; i < massif.length; i++)

В теле цикла введём вывод на экран переменной i и перенос строки.

<script>
	var massif = ['ноль','один','два','три','четыре','пять'];
	for (var i = 0; i < massif.length; i++)
	{
	document.write(massif[i] + '<br>');
	}
</script>

Открываем

17

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

Такое явление называется видимостью, и в дальнейшем мы ещё с ним столкнёмся.

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

<script>
	var massif = ['ноль','один','два','три','четыре','пять'];
	for (var i = 0; i < massif.length; i++)
{
	document.write(massif[i] + '<br>');
// В операторе if применяются операторы сравнения)
	if (i === 3)
	{
	breac;
	}
}
</script>

В этом случае в браузере появятся четыре элемента, так как первый под номером 0, а мы прервали цикл на номере 3.

Javascript массив < < < В раздел > > > Функции Javascript

Javascript и jQuery с нуля до гуру.
Курс предназначен для начинающих и тех, кто хочет повысить интерактивность и удобство своего сайта для посетителей. Изучив его, Вы сможете создавать более красивые и функциональные сайты. 104 видеоурока: от основ JavaScript до готовых решений на jQuery.
Запись опубликована в рубрике Уроки javascript и jQuery. Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *