Объекты

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

Создадим объект Кот через переменную cat и зададим три пары "ключ-значение".


var cat = {
    "legs": 4,
    "name": "Барсик",
    "color": "Рыжий"
};

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

JavaScript разрешает использовать ключи без кавычек, если ключи состоят из одного слова. Если вы будете использовать несколько слов с пробелами, то кавычки обязательны.

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


console.log(cat["color"]);

Допустим и другой синтаксис без квадратных скобок через точку - точечная нотация.


console.log(cat.name);

Узнать все ключи у объекта можно через команду Object.keys().


Object.keys(cat);

Можно пойти по другому пути - создать пустой объект и добавлять в него новые элементы.


var cat = {};
cat["legs"] = 4;
cat["name"] = "Мурзик";
cat["color"] = "Белый";
console.log(cat);

Также мы можем использовать точечную нотацию


var cat = {};
cat.legs = 4;
cat.name = "Мурзик";
cat.color = "Белый";
console.log(cat);

Если обратиться к несуществующему свойству объекта, то возвратится значение undefined.

Можно создавать массивы объектов.


var cats = [
 { name: "Barsik", age: 4},
 { name: "Vaska", age: 7}
];

cats[0]; // получим Object {name: "Barsik", age: 4}

Если весь объект нам не нужен, а только имя, то указываем ключ в ещё одних квадратных скобках.


cats[1]["name"]; 

Также можно использовать точечную нотацию.


cats[0].age;
Реклама