41 lines
1.6 KiB
Markdown
41 lines
1.6 KiB
Markdown
|
---
|
|||
|
|
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).
|