Blog/content/posts/2023/javascript/array-destructuring.md

1.6 KiB
Raw Blame History

title date draft tags
🆕 Все тонкости деструктурирования массивов в JavaScript 2023-01-23T20:20:16+03:00 false
javascript
development

Сегодня я покажу как разбирать массивы на переменные в JavaScript.
Давай копать глубже!

Представь, что у тебя есть набор блюд для ланча, и ты хочешь разделить их на отдельные переменные для всего блюда, напитка, гарнира и десерта.

Чтобы получить значение элементов массива, ты мог бы использовать их индекс в скобках.

let lunch = ['turkey sandwich', 'soda', 'chips', 'cookie'];

let entree = lunch[0];
let drink = lunch[1];
let side = lunch[2];
let desert = lunch[3];

Деструктурирование обеспечивает более простой способ сделать то же самое.

Ты определяешь массив переменных и синтаксис деструктурирования извлекает значения из соответствующих индексов и присваивает их переменным.

let [entree, drink, side, desert] = lunch;

// logs "turkey sandwich"
console.log(entree);

// logs "chips"
console.log(side);

Посмотреть демонстрацию.