Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Підсумок Розширених Методів Роботи з Об'єктами | Основи Об'єктів JavaScript
Структури Даних JavaScript

bookПідсумок Розширених Методів Роботи з Об'єктами

Свайпніть щоб показати меню

Ітерація об'єкта за допомогою циклу for...in

  • Цикл for...in використовується для перебору властивостей об'єкта;
  • Дозволяє отримати ім'я (ключ) кожної властивості та її відповідне значення під час ітерації;
  • Базовий синтаксис циклу for...in:
for (let key in object) {
// code
}
  • Цей цикл можна використовувати для перебору властивостей об'єкта та виконання дій з ними;
  • Приклад: Перебір властивостей об'єкта та виведення їхніх імен і значень у консоль.

Обробка властивостей за допомогою hasOwnProperty()

  • hasOwnProperty() — це метод для перевірки, чи існує певна властивість безпосередньо в об'єкті, відрізняючи її від успадкованих властивостей;
  • Повертає логічне значення, яке вказує, чи має об'єкт властивість із заданим ім'ям;
  • Часто використовується разом із циклом for...in, щоб переконатися, що доступ здійснюється лише до власних властивостей об'єкта;
  • Приклад: Використання hasOwnProperty() із циклом for...in для безпечної ітерації властивостями об'єкта.

Оператор розширення (Spread Operator)

  • Оператор розширення (...) — це інструмент для створення нових об'єктів шляхом об'єднання та копіювання властивостей із наявних об'єктів;
  • Дозволяє клонувати об'єкти, додавати або змінювати властивості, а також створювати нові об'єкти;
  • Базовий синтаксис створення об'єкта з використанням оператора розширення:
const newObject = { ...sourceObject };
  • Приклади: Клонування об'єкта, додавання/зміна властивостей і об'єднання властивостей із кількох об'єктів за допомогою оператора розширення.

Деструктуризація об'єктів

  • Деструктуризація об'єктів дозволяє витягувати окремі властивості з об'єкта та присвоювати їх змінним;
  • Це робить код більш лаконічним і читабельним, особливо для об'єктів з багатьма властивостями;
  • Синтаксис деструктуризації об'єктів:
const { property1, property2, ...} = sourceObject;
  • Можна задавати значення за замовчуванням, перейменовувати змінні та виконувати деструктуризацію вкладених об'єктів;
  • Приклади: витягування властивостей з об'єкта, встановлення значень за замовчуванням, перейменування змінних і деструктуризація вкладених об'єктів.
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 21

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 1. Розділ 21
some-alt