gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

destructuring an array in ES6 rest (#19426)

Browse Source 
* destructuring an array in ES6 rest

* fix: removed extra space in each code line
This commit is contained in:
Ragunathan Maniraj
2018-10-16 09:18:45 +05:30
committed by Randell Dawson
parent 3947a5bf03
commit 44641ab13a
1 changed files with 20 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
client/src/pages/guide/spanish/javascript/es6/destructuring/index.md
View File

@ -12,19 +12,19 @@ Digamos que tiene una matriz que contiene un nombre y un apellido, ya que son do
```js ```js
var fullName = ["John", "Smith"]; var fullName = ["John", "Smith"];
var firstName = fullName[0]; var firstName = fullName[0];
var lastName = fullName[1]; var lastName = fullName[1];
console.log(firstName, lastName); // John Smith console.log(firstName, lastName); // John Smith
``` ```
**ES6 Destructura** **ES6 Destructura**
```js ```js
const fullName = ["John", "Smith"]; const fullName = ["John", "Smith"];
const [firstName, lastName] = fullName; const [firstName, lastName] = fullName;
console.log(firstName, lastName); // John Smith console.log(firstName, lastName); // John Smith
``` ```
Los ejemplos anteriores muestran el beneficio de usar la asignación de destrucción ES6. Los ejemplos anteriores muestran el beneficio de usar la asignación de destrucción ES6.
@ -33,33 +33,40 @@ También puede usar la destrucción en objetos usando una sintaxis similar
```js ```js
const fullName = { first: "John", last: "Smith"}; const fullName = { first: "John", last: "Smith"};
const {first, last} = fullName; const {first, last} = fullName;
console.log(first, last); // John Smith console.log(first, last); // John Smith
``` ```
La asignación de destrucción de objetos es un poco diferente porque el objeto debe tener propiedades con los nombres que está asignando. Por lo tanto, el siguiente código no funcionaría como se esperaba. La asignación de destrucción de objetos es un poco diferente porque el objeto debe tener propiedades con los nombres que está asignando. Por lo tanto, el siguiente código no funcionaría como se esperaba.
```js ```js
const fullName = { first: "John", last: "Smith"}; const fullName = { first: "John", last: "Smith"};
const {firstName, lastName} = fullName; const {firstName, lastName} = fullName;
console.log(firstName, lastName); // undefined undefined console.log(firstName, lastName); // undefined undefined
``` ```
Aún puede lograr el resultado deseado usando la siguiente sintaxis. Aún puede lograr el resultado deseado usando la siguiente sintaxis.
```js ```js
const obj = {propertyName: value} const obj = {propertyName: value}
{propertyName: desiredVariableName} = obj const {propertyName: desiredVariableName} = obj
``` ```
Nuestro ejemplo anterior sería reescrito de la siguiente manera: Nuestro ejemplo anterior sería reescrito de la siguiente manera:
```js ```js
const fullName = { first: "John", last: "Smith"}; const fullName = { first: "John", last: "Smith"};
const {first: firstName, last: lastName} = fullName; const {first: firstName, last: lastName} = fullName;
console.log(firstName, lastName); // John Smith console.log(firstName, lastName); // John Smith
``` ```
**Desestructuración de matrices con descanso.**
Al desestructurar una matriz, puede descomprimir y asignar la parte restante a una variable usando el patrón de descanso:
```js
const [a, ...b] = [1, 2, 3];
console.log(a); // 1
console.log(b); // [2, 3]
```