array destructuring in js

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

@@ -0,0 +1,40 @@
+---
+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).