Шаг 24.
Основы JavaScript.
Объект Array

    На этом шаге мы приведем общие сведения об объекте Array.

    Этот объект очень удобен для хранения массивов данных. Массив представляет собой набор элементов. Доступ к отдельному элементу производится по имени и индексу (номеру). Нумерация элементов в JavaScript начинается с нуля.

    Например, массив названий дней недели можно задать следующим образом:

    DayNames=new Array ("воскресенье", "понедельник", "вторник", 
         "среда", "четверг", "пятница", "суббота");

    Для доступа к отдельным элементам массива используют конструкцию:

    имя_массива [индекс]

    С учетом предыдущего объявления конструкция

    alert (DayNames[0]);
выведет на экран диалоговое окно, в котором будет выведен текст "воскресенье".

    Приведенный выше массив можно задать по-другому:

    DayNames=new Array (7); //Количество элементов массива
    //Присвоим каждому элементу массива конкретное значение.
    DayNames[0] = "воскресенье";
    DayNames[1] = "понедельник";
    .   .   .   .   .   .
    DayNames[6] = "суббота";

    Приведем пример программы, показывающей текущую дату и время. Названия месяцев пишутся в родительном падеже

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var monthNames = new Array ("января", "февраля","марта","апреля", "мая", 
             "июня", "июля", "августа","сентября", "октября","ноября", "декабря");
var dayNames = new Array ("воскресенье", "понедельник", "вторник", 
         "среда", "четверг", "пятница", "суббота");
var today = new Date ( );
var str = "Сегодня: "+today.getDate()+" ";
str += monthNames[today.getMonth()]+" ";
str += today.getFullYear() + " года,  ";
str += dayNames[today.getDay()]+"\n";
str += "Сейчас:" + today.getHours() + ":" + today.getMinutes () +":" 
        + today.getSeconds();
alert (str);
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
Текст этого документа можно взять здесь.
Разберите работу приведенного скрипта. Создайте HTML-документ, содержащий данный скрипт и выполните его в браузере.


    Результат работы этого скрипта приведен на рисунке 1.


Рис.1. Результат работы скрипта

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

    Для обращения к свойствам указывается имя экземпляра объекта и через точку - имя свойства.

    Свойство length объекта Array содержит число элементов массива - его длину. Например, значение конструкции DayNames.length (с учетом предыдущего определения массива DayNames) будет равно 7.

    Длина массива (число элементов в нем) может меняться во время работы программы. Проиллюстрируем это следующим скриптом.

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var f = new Array(); //Создаем пустой массив
f[0]=1;            // В массиве один элемент
f[1]=1;            // В массиве два элемента
f[2]= f[0] + f[1]; // В массиве три элемента
f[5] = 8;     // В массиве шесть элементов
              // f[0],..., f[5]
var str = "Количество элементов массива = "+f.length+"\n";
str += "Элементы массива:\n";
for (i=0;i<f.length;i++)
   { str += f[i]; str += "\n";}
alert (str);
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
Текст этого документа можно взять здесь.
Разберите работу приведенного скрипта. Создайте HTML-документ, содержащий данный скрипт и выполните его в браузере.


    На следующем шаге мы рассмотрим многомерные массивы.




Предыдущий шаг Содержание Следующий шаг