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