JavaScript Essentials

Урок 06 · 12 хв

Об'єкти

Дані з сервера — це об'єкти. Розбирати їх важливіше, ніж знати десять методів масиву.

Масив — список однотипних штук. Об'єкт — одна штука з різними полями: у користувача є id, ім'я і місто. Відповідь сервера майже завжди об'єкт або масив об'єктів.

Літерал, читання, запис

Крапка — коли ім'я поля відоме заздалегідь. Квадратні дужки — коли ім'я лежить у змінній. Через крапку так не можна: user.field шукає поле з буквальним ім'ям «field», а не значення змінної field.

Ключ зі змінної
AI

Можна спитати про цей пункт«Суть уроку»

Деструктуризація

Розібрати об'єкт на змінні
AI

Можна спитати про це правило«Деструктуризація в параметрах»

AI

Можна спитати про цей пункт«Деструктуризація»

Копії й злиття

spread

Spread робить поверхневу копію: вкладені об'єкти в копії й оригіналу лишаються спільними. Щоб змінити поле всередині вкладеного об'єкта, розгортай і його: { ...user, address: { ...user.address, city: "Paris" } }.

Object.keys, values, entries
Опціональний ланцюжок
AI

Можна спитати про це правило«`?.` лише там, де справді може не бути»

AI

Можна спитати про цей пункт«Копії й злиття»

Перевірка

Закріпи, поки не пішов далі

  1. 1. const field = "city". Як прочитати це поле в user?

  2. 2. Що дасть { ...defaults, ...settings }, якщо поле є в обох?

  3. 3. Що поверне Object.entries({ a: 1 })?

  4. 4. Що копіює { ...user }, якщо всередині є вкладений об'єкт?