Підсумок Розширених Методів Роботи з Об'єктами
Свайпніть щоб показати меню
Ітерація об'єкта за допомогою циклу 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
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Секція 1. Розділ 21