Об'єкти JavaScript

Об'єкти JavaScript зберігають значення та функції.

Уявіть собі автомобіль. Усі автомобілі мають такі властивості, як колір і модель. Усі автомобілі мають такі методи, як їзда або гальмування. Значення та час виконання змінюються для кожного автомобіля.

Властивості та методи

Приклад об'єкта:

const car = {
  type: "Fiat",
  model: "500",
  color: "white"
};

У цьому прикладі type, model та color є властивостями. "Fiat", "500" та "white" — це значення.

Створення об'єктів

Ви використовуєте літерали об'єктів для визначення об'єктів. Ви поміщаєте пари ключ-значення всередину фігурних дужок. Вам не потрібні специфічні пробіли або розриви рядків.

Приклад:

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

Управління властивостями

Ви можете змінювати, додавати або видаляти властивості в будь-який час.

Як отримати доступ до властивостей:

  1. Крапкова нотація: person.age Це найкращий спосіб для читабельності.

  2. Нотація квадратних дужок: person["age"] Використовуйте це, якщо назва вашої властивості міститься у змінній або містить спеціальні символи, такі як дефіси.

  3. Вираз: person[x]

Методи об'єкта

Методи — це дії, які виконують об'єкти. Метод — це функція, що зберігається всередині властивості об'єкта.

Приклад:

const person = {
  firstName: "John",
  lastName: "Doe",
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

Source: https://www.w3schools.com/js/js_object_methods.asp Full post: https://dev.to/madhanraj/javascript-objects-4i67