Підсумок Основ Об'єктів JavaScript

Об'єкти в JavaScript

• Об'єкти в JavaScript — це складні типи даних, які використовуються для представлення реальних сутностей;
• Об'єкти складаються з пар ключ-значення, де кожен ключ (властивість) має відповідне значення;
• Ключі (імена властивостей) можуть бути рядками, а значення — будь-якого допустимого типу даних JavaScript;
• Об'єкти можуть зберігати вкладені та згруповані дані для організації складної інформації.

Створення об'єктів та іменування властивостей

• Літерали об'єктів, які беруться у фігурні дужки {}, є поширеним способом створення об'єктів у JavaScript;
• Ключі об'єкта (імена властивостей) можуть бути взяті у лапки (одинарні або подвійні) або залишатися без лапок, з певними правилами іменування;
• Ключі у лапках дозволяють використовувати довільні рядки з пробілами та спеціальними символами;
• Ключі без лапок повинні починатися з літери або певних символів, таких як _, $, або будь-якого символу Unicode.

const person = {
  "first name": "Silvia",
  lastName: "Wuckert",
  age: 47,
};

Доступ до властивостей об'єкта

• Два поширені способи доступу до властивостей об'єкта — це крапкова нотація та квадратні дужки;
• Крапкова нотація використовується, коли ім'я властивості відоме заздалегідь, а квадратні дужки зручні, коли ім'я невідоме або зберігається у змінній;
• Вкладені властивості доступні через крапкову нотацію з шляхом, розділеним крапками.

const car = {
  make: "Toyota",
  model: "Camry",
  engine: {
    type: "V6",
    horsepower: 300,
  },
};

console.log(car.engine.type); // Output: V6

Методи об'єктів

• Методи об'єктів — це функції, визначені всередині об'єктів, що дозволяє поєднувати дані та пов'язану з ними функціональність;
• Ключове слово this посилається на об'єкт, який викликає метод, забезпечуючи доступ до його властивостей;
• Методи об'єктів забезпечують логічну організацію, інкапсуляцію даних і підвищують читабельність коду;
• Методи можуть отримувати доступ до властивостей об'єкта за допомогою ключового слова this і взаємодіяти з ними через крапкову нотацію.

const calculator = {
  operand1: 5,
  operand2: 3,
  summarize() {
    return this.operand1 + this.operand2;
  },
};

console.log(calculator.summarize()); // Output: 8