Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Изменение значений переменных i++ Введение в Массивы Работа с Массивами

Введение в Массивы в JavaScript

Массивы в JavaScript и их методы

Урок №1 Введение в Массивы

Количество просмотров: 1733

Начинаем изучение Массивов в JavaScript. Массивы - это удобный способ хранения информации. По сути, массив - это скопление однотипных данных, где к каждому элементу можно быстро получить доступ.

Как создаются массивы в JavaScript?

Как создаются массивы в JavaScript?

Давайте теперь посмотрим, как создаются массивы в JavaScript. Для примера возьмём 7 дней недели. И нам нужно их где-то хранить.

Если бы в JavaScript не было массивов, то мы создали бы 7 переменных для каждого дня недели.

Фрагмент кода:

<script type="text/javascript">

var day1 = "Пон.", day2 = "Вт.", day3 = "Ср.", day4 = "Чт.", day5 = "Пят.", day6 = "Суб.", day7 = "Вс.";

</script>

Как видите это не очень удобно: создавать столько переменных для дней недели.

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

Фрагмент кода:

<script type="text/javascript">

var days = ["Пон.", "Вт.", "Ср.", "Чт.", "Пят.", "Суб.", "Вс."];

</script>

Таким образом, при использовании Массивов в JavaScript, в одной переменной у нас хранится сразу 7 значений.

Как вывести данные из Массива в JavaScript?

Как вывести данные из Массива в JavaScript?

Давайте разберёмся, как вывести данные из Массива в JavaScript

Теперь возникает вопрос: «Как получить доступ к определенному дню недели, то есть к элементам Массива?». Ведь если просто вывести переменную days, то браузер выдаст список из 7-ми дней!

<script type="text/javascript">

var days = ["Пон.", "Вт.", "Ср.", "Чт.", "Пят.", "Суб.", "Вс."];

document.write(days);

</script>

Пон.,Вт.,Ср.,Чт.,Пят.,Суб.,Вс.

Но всё же «Как получить доступ к определенному элементу Массива?». Делается это очень просто: нужно указать также название массива, после чего в квадратных скобках указать номер его элемента.

Но имейте в виду, что нумерация в Массиве начинается с нуля! То есть, чтобы вывести 1-ый элемент Массива, нужно его указать под номером 0. А чтобы вывести 3-ий день недели - Среду - нужно указать элемент Массива под номером 2.

<script type="text/javascript">

var days = ["Пон.", "Вт.", "Ср.", "Чт.", "Пят.", "Суб.", "Вс."];

document.write(days[0]);

document.write("<p>");

document.write(days[2]);

</script>

Пон.

Ср.

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

В Массивах хранить данные намного удобнее, чем в простых переменных. В этом со временем Вы убедитесь сами.

Смешанные Массивы

Смешанные Массивы

Ранее мы создавали массивы из текстовых элементов, но никто не мешает нам создавать Мыссивы из числовых элементов или Смешанные массивы.

Давайте для примера создадим Смешанный массив.

Фрагмент кода:

<script type="text/javascript">

var my_array = [7, "Mars", 49, "Venera"];

</script>

Из смешанного массива значения элементов выводятся аналогично, то есть нужно указать лишь номер элемента и браузер выдаст его значение. Как мы и делали в примерах выше...

Вывод данных из Массива - 2-ой способ

Вывод данных из Массива - 2-ой способ

Существует и другой способ вывода данных из массива. В примерах выше для вывода значения элемента мы указывали непосредственно его номер. То есть какое-то число...

document.write(days[2]);

Но обычно на практике - указывают не число, а название переменной, значением которой является нужное нам число.

<script type="text/javascript">

var days = ["Пон.", "Вт.", "Ср.", "Чт.", "Пят.", "Суб.", "Вс."];

var number= 5; /*создаём переменную со значением 5*/

document.write(days[5]); /*указываем номер элемента - определённое число*/

document.write("<p>");

document.write(days[number]); /*указываем вместо числа название переменной*/

</script>

Суб.

Суб.

Как видите, в обоих случаях результат одинаков.

Создание массивов - new Array. Пустой массив

Создание массивов - new Array. Пустой массив

Рассмотрим другой способ создания массивов в JavaScript с использованием ключевой фразы new Array (в переводе - новый массив).

Для этого необходимо создать переменную, для которой в качестве значения указываем (а вернее присваиваем) фразу new Array, которая говорит о том, что значением этой переменной будет Массив.

Фрагмент кода:

<script type="text/javascript">

var cities = new Array ('Ufa', 'Orel', 'Tula', 'Vorenezh');

/*Альтернативный способ создания Массива. new Array - создаём Массив. В данном случае переменные Массива определены - это названия городов*/

var cities2 = new Array (5);

/* В данном случае создаём Массив из 5 пустых элементов, то есть указываем просто их количество - не имеет смысла перечислять через запятую пустые элементы*/

</script>

При воздании пустых массивов, к их элементам можно обращаться также - через их порядковые номера, начиная с 0, как мы и делали в примерах ранее.

Вот так выглядит второй способ создания массивов в JavaScript.

Домашнее задание - Введение в Массивы

Домашнее задание - Введение в Массивы

В конце этого раздела, выполним домашнее задание.

Старайтесь все домашние работы решать самостоятельно. Так Вы на практике закрепите пройденный материал

Домашнее задание по работе с Массивами в Javascript имеет следующее содержание:

Создайте два массива.

1-й - это массив из пяти материков.

2-й массив - содержит информацию о протяжённости материков с Запада на Восток (этот массив состоит исключительно из цифр).

А затем с помощью метода document.write() выведите на экран пять строк, где каждая строка - это название материка и его протяжённость в километрах.

В примере ниже приведено решение.

<script type="text/javascript">

var mainLand = ["SouthAmerica - ","NorthAmerica - ","EurAsia - ","Africa - ","Australia - "];
var lengthContinent = new Array (5180 + " км.",4700 + " км.",17776 + " км.",7700 + " км.",4000 + " км.");

document.write("Выводим 5 строк, каждая из которых включает название материка и его протяжённость с Запада на Восток в километрах" + "<p>")
document.write(mainLand[0], lengthContinent[0] + "<p>");
document.write(mainLand[1], lengthContinent[1] + "<p>");
document.write(mainLand[2], lengthContinent[2] + "<p>");
document.write(mainLand[3], lengthContinent[3] + "<p>");
document.write(mainLand[4], lengthContinent[4] + "<p>");

</script>

Выводим 5 строк, каждая из которых состоит из названия материка и его протяжённости с Запада на Восток

SouthAmerica - 5180 км.

NorthAmerica - 4700 км.

EurAsia - 17776 км.

Africa - 7700 км.

Australia - 4000 км.

Главная Изучаем JavaScript Введение в Массивы Работа с Массивами

Ваши комментарии к уроку:

Комментариев нет...

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

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru