Урок 16. JavaScript. Все о Деструктуризации в JS

[Fenz1t]

Видео

[Fenz1t]

Деструктуризация - это синтаксис, который позволяет извлекать данные из массивов, объектов и присваивать их переменным в более сжатом виде.

Деструктуризация массивов

const [a, b, c] = [1, 2, 3];
console.log(a, b, c); // 1 2 3

const [x, ...rest] = [4, 5, 6, 7];
console.log(x, rest); // 4 [5, 6, 7]

Можно использовать алиасы и значения по умолчанию:

const [p = 10, q = 20] = [5];
console.log(p, q); // 5 20

const [m, n = 30] = [15, undefined];
console.log(m, n); // 15 30

Деструктуризация объектов

const user = { name: 'John', age: 30 };
const { name, age } = user;
console.log(name, age); // 'John' 30

const { firstName: fn, lastName: ln } = { firstName: 'Jane', lastName: 'Doe' };
console.log(fn, ln); // 'Jane' 'Doe'