39 lines
775 B
Plaintext
39 lines
775 B
Plaintext
---
|
|
title: Você pode dar um exemplo para desestruturar um objeto ou um array?
|
|
---
|
|
|
|
Destructuring é uma expressão disponível no ES2015 que permite uma maneira sucinta e conveniente de extrair valores de objetos ou arrays e colocá-los em variáveis distintas.
|
|
|
|
## Desestruturação de array
|
|
|
|
```js
|
|
// Atribuição de variáveis.
|
|
const foo = ['one', 'two', 'three'];
|
|
|
|
const [one, two, three] = foo;
|
|
console.log(one); // "one"
|
|
console.log(two); // "two"
|
|
console.log(three); // "three"
|
|
```
|
|
|
|
```js
|
|
// Trocar variáveis
|
|
let a = 1;
|
|
let b = 3;
|
|
|
|
[a, b] = [b, a];
|
|
console.log(a); // 3
|
|
console.log(b); // 1
|
|
```
|
|
|
|
## Desestruturação de objeto
|
|
|
|
```js
|
|
// Atribuição de variáveis.
|
|
const o = { p: 42, q: true };
|
|
const { p, q } = o;
|
|
|
|
console.log(p); // 42
|
|
console.log(q); // true
|
|
```
|