Объекты JavaScript.

Что такое объекты?

В JavaScript объекты являются набором свойств и методов. Метод – это функция, которая является членом объекта, а свойство – это значение или множество значений (в форме массива или объекта), которые - тоже члены объекта. JavaScript поддерживает три типа объектов: встроенные объекты; объекты, которые вы создали; и объекты браузера, которые всегда предусмотрены в нем.

Объекты и массивы

В JavaScript объекты и массивы обрабатываются одинаково. Вы можете обратиться к любому члену объекта (к его свойствам и методам) либо по имени (используя имя объекта с точкой и именем свойства), либо по его индексу в массиве. Список индексов, пронумерованный в JavaScript, начинается с 0. Для удобства к списку индексов можно также обращаться по именам.

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

theWidth = spaghetti.width;
theWidth = spaghetti[3];  // [3] – это индекс "width".
theWidth = spaghetti["width"];

Когда возможно использовать квадратные скобки для обращения к свойству по его числовому индексу, то невозможно использовать запись с точкой (.) с номером индекса. Следующее выражение генерирует ошибку.

theWidth = spaghetti.3;

Когда объект имеет другой объект, как свойство, запись с именами расширяется.

var init4 = toDoToday.shoppingList[3].substring(0,1);  
// массив shoppingList – это свойство toDoToday.

Случай, когда объекты могут иметь другие объекты как свойства, позволяет вам генерировать массивы с более чем одним списком индексов, которые не поддерживаются напрямую. Следующий код создает таблицу умножения для значений от 0, умноженного на 0, до 16, умноженного на 16.

var multTable = new Array(17);  
// Делает оболочку, которая станет таблицей.
for (var j = 0; j < multTable.length; j++)  {  
// Подготовка для заполнения таблицы рядами.
    var aRow = new Array(17);  // Создает ряд.
    for (var i = 0; i < aRow.length; i++)  {  
// Подготовка для заполнения ряда.
    aRow[i] = (i + " times " + j + " = " + i*j);  
// Создает и размещает одно значение.
    }
multTable[j] = aRow;  // Помещает заполненный ряд в таблицу.
}

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

var multiply3x7 = multTable[3][7];

Следующее выражение генерирует ошибку.

var multiply3x7 = multTable[3, 7];