From 36322ddd89bfb7a8d4105b29b78d3a15011f1050 Mon Sep 17 00:00:00 2001
From: Alexander Popov <iiiypuk@fastmail.fm>
Date: Mon, 23 Jan 2023 20:32:19 +0300
Subject: [PATCH] array destructuring in js

---
 .../2023/javascript/array-destructuring.md    | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 content/posts/2023/javascript/array-destructuring.md

diff --git a/content/posts/2023/javascript/array-destructuring.md b/content/posts/2023/javascript/array-destructuring.md
new file mode 100644
index 0000000..f71d05d
--- /dev/null
+++ b/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).