Основні концепції та операції (ч.1)

Об’єкти є одними з найважливіших структур даних в JavaScript, вони дозволяють організовувати та зберігати дані у вигляді пар ключ-значення. У цьому уроці ми розглянемо основні аспекти роботи з об’єктами в JavaScript.

Створення об’єкта та літерал об’єкта

Об’єкти можна створювати за допомогою літералів об’єкта – це найпоширеніший спосіб.

const person = {} // порожній об'єкт

Але можна визначати одразу властивості при створенні об’єкту.

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 30,
  isStudent: false
};

Також можна створити об’єкт за допомогою функції-конструктора. 

function Person(name, age) {
  this.name = name;
  this.age = age;
}

const john = new Person("John", 30);

Пізніше ми розглянемо як створювати об’єкти за допомогою класів.

Вкладені об’єкти

Об’єкти можуть містити в собі інші об’єкти, створюючи вкладені структури даних.

const person = {
  name: {
    first: "John",
    last: "Doe"
  },
  age: 30
};

Звернення до властивостей через крапку

До властивостей об’єкта можна звертатися за допомогою оператора крапки.

console.log(person.name.first); // "John"
console.log(person.age); // 30
console.log(person.email); // undefined - в об'єкті person немає властивості з ключем email

Звернення до властивостей через квадратні дужки

Також властивості можна отримати за допомогою квадратних дужок.

console.log(person["name"]["last"]); // "Doe"

Це дуже корисно коли ми маємо ключі які складаються з декількох слів, які розділено пробілом, бо ми не можемо звернутися до таких властивостей через крапку.

const person = {
  name: {
    "First Name": "John",
    last: "Doe"
  },
  age: 30
};

console.log(person["name"]["First Name"]); // "John"

Звернення до вкладених властивостей

Для звернення до вкладених властивостей можна комбінувати крапку та квадратні дужки.

console.log(person.name["first"]); // "John"