
Урок 06 · 12 хв
Об'єкти
Дані з сервера — це об'єкти. Розбирати їх важливіше, ніж знати десять методів масиву.
Масив — список однотипних штук. Об'єкт — одна штука з різними полями: у користувача є id, ім'я і місто. Відповідь сервера майже завжди об'єкт або масив об'єктів.
Крапка — коли ім'я поля відоме заздалегідь. Квадратні дужки — коли ім'я лежить у змінній. Через крапку так не можна: user.field шукає поле з буквальним ім'ям «field», а не значення змінної field.
Деструктуризація
Копії й злиття
Spread робить поверхневу копію: вкладені об'єкти в копії й оригіналу лишаються спільними. Щоб змінити поле всередині вкладеного об'єкта, розгортай і його: { ...user, address: { ...user.address, city: "Paris" } }.
- MDN · Деструктуризація — перейменування і значення за замовчуванням
- MDN · Spread — копія об'єкта й масиву
- MDN · Object.entries — об'єкт як масив пар
- MDN · Optional chaining — безпечний доступ углиб
Перевірка
Закріпи, поки не пішов далі
1.
const field = "city". Як прочитати це поле вuser?2. Що дасть
{ ...defaults, ...settings }, якщо поле є в обох?3. Що поверне
Object.entries({ a: 1 })?4. Що копіює
{ ...user }, якщо всередині є вкладений об'єкт?