From 44641ab13a4dd8242f2a3c3e5d5a87195804fb57 Mon Sep 17 00:00:00 2001 From: Ragunathan Maniraj Date: Tue, 16 Oct 2018 09:18:45 +0530 Subject: [PATCH] destructuring an array in ES6 rest (#19426) * destructuring an array in ES6 rest * fix: removed extra space in each code line --- .../javascript/es6/destructuring/index.md | 33 +++++++++++-------- 1 file changed, 20 insertions(+), 13 deletions(-) diff --git a/client/src/pages/guide/spanish/javascript/es6/destructuring/index.md b/client/src/pages/guide/spanish/javascript/es6/destructuring/index.md index 341d0c6acb..7c03b46476 100644 --- a/client/src/pages/guide/spanish/javascript/es6/destructuring/index.md +++ b/client/src/pages/guide/spanish/javascript/es6/destructuring/index.md @@ -12,19 +12,19 @@ Digamos que tiene una matriz que contiene un nombre y un apellido, ya que son do ```js var fullName = ["John", "Smith"]; - var firstName = fullName[0]; - var lastName = fullName[1]; +var firstName = fullName[0]; +var lastName = fullName[1]; - console.log(firstName, lastName); // John Smith +console.log(firstName, lastName); // John Smith ``` **ES6 Destructura** ```js 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. @@ -33,33 +33,40 @@ También puede usar la destrucción en objetos usando una sintaxis similar ```js 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. ```js 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. ```js const obj = {propertyName: value} - {propertyName: desiredVariableName} = obj +const {propertyName: desiredVariableName} = obj ``` Nuestro ejemplo anterior sería reescrito de la siguiente manera: ```js 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 -``` \ No newline at end of file +``` +**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] +```