Об’єкти

Синтаксис об'єктів: У JavaScript об'єкти представляють собою колекцію властивостей та методів. Властивості - це пари "ключ: значення", де ключ - це ім'я властивості, а значення - це значення, що відповідає цій властивості. Методи - це функції, які асоціюються з об'єктом.
Об'єкти створюються у фігурних дужках {}. Властивості та методи розділяються комами ,. Кожна властивість складається з ключа, двокрапки :, і значення.

// Приклад створення об'єкта
let person = {
  name: "John",
  age: 30,
  isMarried: false,
  sayHello: function () {
    console.log("Привіт, я " + this.name);
  }
};

Доступ до властивостей:
Щоб отримати доступ до властивостей об'єкта, використовуйте оператор доступу до властивостей ".". Також, можна використовувати квадратні дужки [], якщо ключ властивості є недійсним ідентифікатором або містить пробіли.

console.log(person.name); // Виведе "John"
console.log(person["age"]); // Виведе 30

Доступ до методів:
Для виклику методів об'єкта, також використовується оператор доступу до властивостей ".". При цьому викликаємо функцію без дужок.

person.sayHello(); // Виведе "Привіт, я John"

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

person.job = "developer"; // Додаємо нову властивість
person.age = 31; // Змінюємо значення властивості

console.log(person.job); // Виведе "developer"
console.log(person.age); // Виведе 31

Видалення властивостей:
Можна видалити властивість з об'єкта за допомогою оператора delete.

delete person.isMarried; // Видаляємо властивість "isMarried"
console.log(person.isMarried); // Виведе "undefined" 

Об'єкти як посилання:
Об'єкти у JavaScript передаються як посилання, тобто коли змінюється об'єкт в одному місці, ці зміни відображаються у всіх посиланнях на нього.

let person1 = { name: "Alice" };
let person2 = person1;

person2.name = "Bob"
;console.log(person1.name); // Виведе "Bob"

Опис цілей для досягнення яких можуть бути використанні об'єкти.

1. Зберігання та організація даних:
Об'єкти дозволяють зберігати пов'язані дані разом у вигляді властивостей. Наприклад, якщо вам потрібно зберігати інформацію про користувача, таку як його ім'я, вік, електронну пошту тощо, ви можете створити об'єкт, який містить ці властивості.

let user = {
  name: "John",
  age: 30,
  email: "john@example.com"
};

2. Моделювання реальних об'єктів:
Об'єкти дозволяють моделювати реальні об'єкти або сутності. Наприклад, якщо вам потрібно представити автомобіль з різними характеристиками, ви можете створити об'єкт, який відображає характеристики автомобіля.

let car = {
  brand: "Toyota",
  model: "Camry",
  year: 2022,
  color: "blue"
}; 

3. Створення методів:
Об'єкти можуть містити функції, які називаються методами об'єкта. Це дозволяє реалізовувати функціональність, яка пов'язана з даними об'єкта. Наприклад, у нашому об'єкті car може бути метод start(), який запускає двигун автомобіля.

let car = {
  brand: "Toyota",
  model: "Camry",
  year: 2022,
  start: function () {
    console.log("Двигун запущено!");
  }
};

car.start(); // Виведе "Двигун запущено!"

4. Організація коду:
Об'єкти допомагають організувати код у більш зрозумілий та структурований спосіб. Використання об'єктів дозволяє розділити код на логічні блоки та згрупувати пов'язані дані та функції в одному місці.

5. Передача аргументів у функції:
Об'єкти можуть бути передані як аргументи в функції, що дозволяє передавати та отримувати комплексні дані у функціях.

function printUserInfo(user) {
  console.log("Ім'я: " + user.name);
  console.log("Вік: " + user.age);
}

let user = {
  name: "John",
  age: 30
};

printUserInfo(user);
// Виведе:
// Ім'я: John
// Вік: 30

6. Модульність і неймспейси:
Об'єкти можуть використовуватися для створення неймспейсів і модульної організації коду. Вони допомагають уникнути конфліктів імен та забезпечують логічну розділеність між функціями та змінними.

function printUserInfo(user) {
  console.log("Ім'я: " + user.name);
  console.log("Вік: " + user.age);
}

let user = {
  name: "John",
  age: 30
};

printUserInfo(user);
// Виведе:
// Ім'я: John
// Вік: 30

7. Робота з API і об'єктами даних:
При роботі з API, які повертають дані у форматі JSON, зазвичай використовуються об'єкти для представлення цих даних. Об'єкти дозволяють легко отримати доступ до конкретних даних та їх властивостей.

// Припустимо, що API повертає наступний JSON об'єкт:
let dataFromApi = {
  name: "John",
  age: 30,
  email: "john@example.com"
};

console.log(dataFromApi.name); // Виведе "John"

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

1. Користувачі
Ми створюємо об'єкт, який описує людину — її ім'я і вік. Потім ми перевіряємо, чи користувачу більше 18 років.

let user = { name: "Іван", age: 20 };

function checkAge(user) {
    if (user.age >= 18) {
        console.log("Користувач дорослий.");
    } else {
        console.log("Користувач дитина.");
    }
}

checkAge(user); 

Ми перевіряємо, чи вік користувача (user.age) більше або дорівнює 18. Якщо так — виводимо, що він дорослий.

2. Тварини
Ми створюємо об'єкт, який описує тварину — її ім'я і тип. Потім перевіряємо, чи це домашня тварина.

let animal = { name: "Барсик", type: "кіт" };

function isPet(animal) {
    if (animal.type === "кіт" || animal.type === "собака") {
        console.log("Це домашня тварина.");
    } else {
        console.log("Це не домашня тварина.");
    }
}

isPet(animal);

Ми перевіряємо тип тварини (animal.type) і порівнюємо, чи це кіт або собака. Якщо так — кажемо, що це домашня тварина.

3. Продукти
Ми створюємо об'єкт, який описує продукт — його назву і ціну. Потім виводимо ціну цього продукту.

let product = { name: "Яблуко", price: 10 };

function showPrice(product) {
    console.log("Ціна: " + product.price + " грн");
}

showPrice(product); 

Ми беремо ціну продукту (product.price) і показуємо її в повідомленні.

Метод .find() допомагає знайти перший елемент масиву, який задовольняє умову, задану функцією. Якщо такий елемент знайдено, метод повертає його, якщо ні — повертається undefined.
Уявімо, що у нас є масив об'єктів, що містить інформацію про кількох студентів. Ми хочемо знайти студента з певним ім'ям:

let students = [
  { name: 'Іван', age: 20 },
  { name: 'Оля', age: 22 },
  { name: 'Максим', age: 21 },
];
// Знайдемо студента з ім'ям 'Оля'
let student = students.find(student => student.name === 'Оля');
console.log(student); 
// Виведе: { name: 'Оля', age: 22 }