What is an Object?
Understand objects through the passport analogy
Object = passport
A passport describes a person: first name, last name, age, city... An object in JavaScript also describes 'something' through a set of properties. For example, a 'person' object can have properties name, age, city.
Синтаксис об'єкту — розбір по частинах
Дивись на кожну деталь:
Objects can contain functions — they are called methods.
Важлива різниця: { в if/else і { в об'єкті
В JavaScript { і } мають два різних значення — залежно від контексту:
Де стоїть { | Що це | Приклад |
|---|---|---|
Після if(...), for(...), function | Блок коду — інструкції | if (x > 0) { ... } |
Після = (присвоєння) | Об'єктний літерал — створення об'єкта | let obj = { ... } |
// Блок коду — містить інструкції (console.log, let, if...)
if (age >= 18) {
console.log("дорослий"); // це інструкція
}
// Об'єктний літерал — містить пари ключ: значення
let person = {
name: "Іван", // це пара ключ: значення
age: 25,
};Ключова ознака об'єкту: всередині { } — пари ключ: значення, через кому. В блоці коду — звичайні інструкції.
Об'єкт зберігає пари 'назва: значення'.
Об'єкти можуть містити функції — їх називають методами.
Додати, змінити, видалити властивість
Об'єкт не є статичним — після створення можна змінювати його властивості:
const person = { name: "Іван", age: 25 };
// Додати нову властивість (просто присвої)
person.city = "Київ"; // { name, age, city }
person["hobby"] = "програмування"; // те саме через дужки
// Змінити існуючу
person.age = 26; // age тепер 26
// Видалити властивість
delete person.hobby;
// Перевірити чи існує властивість
console.log("name" in person); // true
console.log("hobby" in person); // false — вже видалено
console.log("salary" in person); // false — ніколи не булоЗверни увагу: const не означає що об'єкт незмінний — він забороняє лише перепризначення (person = щось інше). Змінювати властивості об'єкту можна навіть для const.