Массивы JavaScript и Escape-последовательности

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

а как пользоваться массивами;

а как создаются массивы;

а как создаются элементы массива;

а как пользоваться знаками переключения кода.

Как пользоваться массивами

Массив (array) - мощное средство программирования для любого языка, в том числе в JavaScript. Массив позволяет сохранять несколько независимых значений в одной переменной. Обычно эти значения как-то связаны (например, названия дней недели). Преимущество массивов заключается в том, что правильное их использование значительно упрощает код и помогает избежать создания множества переменных с похожими именами.

Итак, посмотрим, как следует создавать массивы и пользоваться ими.

Пример. В первую очередь вам нужно создать массив:

<html>

<head>

<title>npocTan страница</Ь1(;1е>

<script language="JavaScript">

<!-- Маскируемся!

var days_of_week = new Array(7);

// Снимаем маскировку. -->

</script>

</head>

<body>

</body> </html>

Эта простая строка сценария приводит к нескольким различным последствиям:

а создается переменная days_pf_week;

а с помощью new Array () указывает, что новая переменная является массивом; а определяется размер массива (в данном случае - 7).

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

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

days_of_week[x] = значение;

В данном случае х означает номер элемента.

Прежде всего обратите внимание, как JavaScript нумерует элементы. Он рассматривает первый элемент массива не как первый (с номером 1), а как нулевой (с номером 0). То есть в данном примере дням недели будут соответствовать порядковые номера от 0 до 6, а не от 1 до 7.

Пример. Итак, чтобы присвоить соответствующее значение первому элементу массива (в данном случае это понедельник), выполняются следующие действия:

<html>

<head>

<title>ripocTaH страница</(;1<:1е>

<script language=" JavaScript">

< ! - - Маскируемся !

var days_of_week = new Array (7), *

days_of_week[0] = "Понедельник";

// Снимаем маскировку. -->

</script>

</head>

<body>

</body> </html>

Пример. Следуя этому образцу, вы можете заполнить массив соответствующими значениями:

<html>

<head>

<title>npocTafl CTpaHHt[a</title>

<script language="JavaScript">

<!-- Маскируемся!

var days_of_week = new Array(7);

"Понедельник"; "Вторник"; "Среда"; "Четверг"; "Пятница"; "Суббота"; "Воскресенье";

days_of_week[0]

days_of_week[1]

days_of_week[2]

days_of_week[3]

days_of_week[4]

days_of_week[5]

days_of_week[6]

// Снимаем маскировку. -->

</script>

</head>

<body>

</body> </html>

Теперь вы можете извлекать из массива значения элементов. Как ранее элементам присваивались значения посредством имени переменной (в данном случае days_of _week) и указанного в квадратных скобках номера элемента (например, days_of_week[2]), так теперь этот формат используется для извлечения значений из массива.

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

<html>

<head>

<±1(;1е>Простая cTpamma</title>

<script language="JavaScript">

<!-- Маскируемся!

var days_of_week = new Array(7),*

days_of_week[0] = "Понедельник";

days_of_week[1] = "Вторник";

days_of_week[2] = "Среда";

days_of_week[3] = "Четверг";

days_of_week[4] = "Пятница";

days_of_week[5] = "Суббота";

days_of_week[6] = "Воскресенье";

alert(days_of_week[2]);

// Снимаем маскировку. -->

</script>

</head>

<body>

</body>

</html>

Примечание Не забывайте, что счет элементов массива начинается с нуля.

Пример. Здесь представлен еще один способ, которым достигается тот же результат:

<html>

<head>

<title>npocT3H cTparama</title>

<script language="JavaScript">

<!-- Маскируемся!

var days_of_week = new Array(7);

days_of_week[0] = "Понедельник";

days_of_week[1] = "Вторник";

days_of_week[2] = "Среда";

days_of^week[3] = "Четверг";

days_of_week[4] = "Пятница";

days_of_week[5] = "Суббота";

days_of_week[6] = "Воскресенье";

var x = 2;

alert(days_of_week[x]);

// Снимаем маскировку. -->

</script>

</head>

<body>

</body>

</html>

В данном случае создается переменная х и ей присваивается значение 2. Затем имя переменной х указывается в квадратных скобках, в результате чего из массива извлекается элемент с номером 2.

 
< Пред   СОДЕРЖАНИЕ   Скачать   След >