Об'єкти

Програмам часто потрібно зберігати пов'язані частини даних разом.

Наприклад, у домашньої тварини може бути ім'я, тип і вік. Замість того щоб створювати окремі змінні для кожної деталі, JavaScript дозволяє згрупувати їх в одному об'єкті.

Що таке об'єкт

Об'єкт зберігає пов'язану інформацію в одній змінній.

У JavaScript об'єкти використовують фігурні дужки {}.

Кожна частина інформації всередині об'єкта має назву і значення.

Пари ключ-значення

Дані в об'єкті записуються як пари ключ-значення.

• Ключ - це назва частини даних, наприклад name або age.
• Значення - це самі дані, наприклад "Bella" або 3.

Двокрапка : з'єднує ключ і значення.

Коми , розділяють кілька пар ключ-значення.

Перший приклад коду

Ось простий об'єкт для домашньої тварини.

const pet = {
  name: "Bella",
  type: "dog",
  age: 3
};

console.log(pet);

Пояснення коду

Розберімо, що відбувається в коді вище:

• const pet створює змінну з назвою pet.
• Фігурні дужки {} створюють об'єкт.
• Об'єкт має три пари ключ-значення: name: "Bella", type: "dog" і age: 3.
• Коми розділяють пари ключ-значення.
• console.log(pet) надсилає весь об'єкт у секцію виводу після натискання Запустити.

Читання одного значення з об'єкта

Часто тобі не потрібен увесь об'єкт одразу. Можливо, ти хочеш отримати лише одне конкретне значення.

Одне значення можна прочитати за допомогою крапкової нотації.

Щоб використати крапкову нотацію, напиши назву об'єкта, крапку . і ключ, який хочеш прочитати.

const userProfile = {
  username: "coder123",
  level: 5
};

console.log(userProfile.username);

Це надсилає "coder123" у секцію виводу, тому що username - це значення, яке ми попросили.

Ти також можеш побачити нотацію з квадратними дужками, наприклад userProfile["username"]. Для цього уроку крапкова нотація є найпростішим варіантом.

Міні-завдання

Подивись на блок коду userProfile вище.

Зміни console.log(userProfile.username), щоб він виводив level користувача.

Короткий тест

Запитання 1: Які символи використовують для створення об'єкта?

Відповідь: Фігурні дужки {}.

Запитання 2: Який розділовий знак відокремлює кілька пар ключ-значення?

Відповідь: Кома ,.

Малий виклик

Створи об'єкт з назвою course, який представляє цей урок.

Дай йому ключ title зі строковим значенням, наприклад "JavaScript".

Дай йому ключ duration з числовим значенням, наприклад 4.

Використай крапкову нотацію всередині console.log(), щоб вивести title курсу.

// напиши свій код нижче

console.log()

Підсумок

• Об'єкт зберігає пов'язану інформацію в одній змінній.
• Об'єкти використовують фігурні дужки {}.
• Дані в об'єкті записуються як пари ключ-значення.
• Ключ - це мітка, а значення - це самі дані.
• Коми розділяють кілька пар ключ-значення.
• Крапкова нотація читає одне значення з об'єкта, наприклад person.name.