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

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

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

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

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

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

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

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

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

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

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

[Посмотреть демонстрацию](https://codepen.io/cferdinandi/pen/rNrJwEa?editors=0011).