Update text formatting and indentation of sample (#24301)
This commit is contained in:
committed by
Randell Dawson
parent
9d8eea97b8
commit
dd41c2af88
@ -4,9 +4,9 @@ localeTitle: Atribuição de Destruturação
|
|||||||
---
|
---
|
||||||
## Atribuição de Destruturação
|
## Atribuição de Destruturação
|
||||||
|
|
||||||
A sintaxe Destructuring Assignment é uma expressão em JavaScript que permite descompactar valores ou propriedades de arrays ou objetos.
|
A sintaxe _Destructuring Assignment_ é uma expressão em JavaScript que permite descompactar valores ou propriedades de arrays ou objetos.
|
||||||
|
|
||||||
Digamos que você tenha uma matriz que contenha um nome e sobrenome como dois valores, mas você deseja reatribuir esses valores a algo mais descritivo. Você pode usar Destructuring para conseguir isso.
|
Digamos que você tenha uma matriz que contenha um nome e sobrenome como dois valores, mas você deseja reatribuir esses valores a algo mais descritivo. Você pode usar _Destructuring_ para conseguir isso.
|
||||||
|
|
||||||
**Destruturação ES5**
|
**Destruturação ES5**
|
||||||
|
|
||||||
@ -18,7 +18,7 @@ var fullName = ["John", "Smith"];
|
|||||||
console.log(firstName, lastName); // John Smith
|
console.log(firstName, lastName); // John Smith
|
||||||
```
|
```
|
||||||
|
|
||||||
**ES6 Destructuring**
|
**Destruturação ES6**
|
||||||
|
|
||||||
```js
|
```js
|
||||||
const fullName = ["John", "Smith"];
|
const fullName = ["John", "Smith"];
|
||||||
@ -29,7 +29,7 @@ const fullName = ["John", "Smith"];
|
|||||||
|
|
||||||
Os exemplos acima mostram o benefício de usar a Atribuição de Destruturação do ES6.
|
Os exemplos acima mostram o benefício de usar a Atribuição de Destruturação do ES6.
|
||||||
|
|
||||||
Você também pode usar Destructuring em objetos usando uma sintaxe semelhante
|
Você também pode usar _Destructuring_ em objetos usando uma sintaxe semelhante
|
||||||
|
|
||||||
```js
|
```js
|
||||||
const fullName = { first: "John", last: "Smith"};
|
const fullName = { first: "John", last: "Smith"};
|
||||||
@ -38,7 +38,7 @@ const fullName = { first: "John", last: "Smith"};
|
|||||||
console.log(first, last); // John Smith
|
console.log(first, last); // John Smith
|
||||||
```
|
```
|
||||||
|
|
||||||
A Destructuring Assignment é um pouco diferente porque o objeto deve ter propriedades com os nomes que você está atribuindo. Portanto, o código abaixo não funcionaria como pretendido.
|
A _Destructuring Assignment_ é um pouco diferente porque o objeto deve ter propriedades com os nomes que você está atribuindo. Portanto, o código abaixo não funcionaria como pretendido.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
const fullName = { first: "John", last: "Smith"};
|
const fullName = { first: "John", last: "Smith"};
|
||||||
|
Reference in New Issue
Block a user