💻
Destructuring and spread/rest
Modern ES6+ syntax: unpack objects and arrays in one step
📦
Деструктуризація = розпакування коробки
Уяви коробку (об'єкт) з речами. Замість того щоб діставати кожну річ окремо (box.shirt, box.pants...), деструктуризація дозволяє розпакувати все одразу в окремі змінні.
javascript
💬
Фігурні дужки зліва = витягуємо властивості об'єкта у змінні з такими ж іменами.
javascript
💬
Для масивів — квадратні дужки. Позиція в дужках = позиція в масиві.
Spread оператор (...)
Розкладає масив або об'єкт у набір елементів:
javascript
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
// Об'єднання масивів
const combined = [...arr1, ...arr2]; // [1,2,3,4,5,6]
// Копія масиву (не посилання!)
const copy = [...arr1]; // [1,2,3]
// Spread в об'єктах
const base = { theme: "dark", lang: "uk" };
const extended = { ...base, fontSize: 16 };
// { theme: 'dark', lang: 'uk', fontSize: 16 }Rest оператор (...) у параметрах функції
javascript
function sum(...numbers) { // numbers — масив всіх аргументів
return numbers.reduce((acc, n) => acc + n, 0);
}
console.log(sum(1, 2, 3)); // 6
console.log(sum(10, 20, 30, 40)); // 100