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).