Объявление обьекта

Обявление объекта

Обявление объекта рекомендация (но можно и через LET)

const sd={
asdasd: "bnm"
}

Обявление вложенного обїекта

const user = {
name: "Jacques Gluke",
tag: "jgluke",
location: {
country: "Jamaica",
city: "Ocho Rios",
},
stats: {
followers: 5603,
views: 4827,
likes: 1308,
},
};

Обявление объекта с функцией внутри

const myCity = {
city: 'Kyiv',
cityGreeting: function(ad) {
console.log(ad)
}
}
myCity.cityGreeting('Grettering')

Обращение к єлементам объекта

через точку

const user = {
name: "Jacques Gluke",
tag: "jgluke",
location: {
country: "Jamaica",
city: "Ocho Rios",
},
hobbies: ["swimming", "music", "sci-fi"],
};
const location = user.location;
console.log(location); // {country: "Jamaica", city: "Ocho Rios"}

через квадратние скобочки

const book = {
title: "The Last Kingdom",
author: "Bernard Cornwell",
genres: ["historical prose", "adventure"],
isPublic: true,
rating: 8.38,
};
console.log(book["title"]); // "The Last Kingdom"

Изменение значениий свойст обїекта

Указанием имени свойства

const book = {
title: "The Last Kingdom",
author: "Bernard Cornwell",
genres: ["historical prose", "adventure"],
isPublic: true,
rating: 8.38,
};
book.rating = 9;

через короткая запись изменение свойств

В свойство обїекта запишеться значеение по имени переменной віше

const name = "Henry Sibola";
const age = 25;
const user = {
name,
age,
};
console.log(user.name); // "Henry Sibola"
console.log(user.age); // 25

Вичисливаемие значения (computed properties)

const propName = "name";
const user = {
age: 25,
// ключ цієї властивості буде взято зі значення змінної propName
[propName]: "Henry Sibola",
};
console.log(user.name); // "Henry Sibola"

Добавление свойств обїекта

Операція додавання нової властивості після створення об'єкта нічим не відрізняється від зміни значення вже існуючої властивості.

const book = {
title: "The Last Kingdom",
author: "Bernard Cornwell",
genres: ["historical prose", "adventure"],
isPublic: true,
rating: 8.38,
};
book.pageCount = 836;

Обхід властивостей обїека

через for..in

const book = {
title: "The Last Kingdom",
author: "Bernard Cornwell",
genres: ["historical prose", "adventure"],
rating: 8.38,
};
for (const keyOfObject in book) {
console.log(keyOfObject); // Ключ
console.log(book[keyOfObject]); // Значення властивості з таким ключем
}