Skip to content

Commit 6f95b84

Browse files
committed
Destructuring
1 parent 7cc077e commit 6f95b84

File tree

2 files changed

+35
-2
lines changed

2 files changed

+35
-2
lines changed

Ejemplos/destructuring.html

Whitespace-only changes.

README.md

Lines changed: 35 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -855,9 +855,10 @@ class Casa {
855855
}
856856
```
857857

858-
## Async JavaScript
859-
860858

859+
---
860+
## Async JavaScript
861+
# Tema pendiente
861862

862863
---
863864
# JavaScript FUNCIONES VARIAS
@@ -996,3 +997,35 @@ Alguna de las maneras de obtener el valor es utilziar un `event` el cual puede s
996997
</html>
997998
```
998999

1000+
> ## Destructuring
1001+
>> ### Es un codigo el cual te permite extraer varoles de una manera "nueva".
1002+
1003+
```js
1004+
/*Forma "vieja" de obtener valores de un objeto*/
1005+
const cliente = {
1006+
nombre : 'Eric',
1007+
profesion : 'Programador'
1008+
}
1009+
1010+
/*Y de esta forma accesabamos a los valores de sus propiedades*/
1011+
console.log(cliente.nombre);
1012+
console.log(cliente.profesion);
1013+
1014+
/*El ejemplo es sencillo y talvez no tendriamos inconvenientes con acceder a los valores, pero ¿qué sucederia si fueran muchos mas?*/
1015+
```
1016+
1017+
>> En caso de tener un objeto mas complejo podemos utilizar el *destructuring* para asingar una variable a cada uno de las propiedades del objeto.
1018+
1019+
```js
1020+
/* Utilizando el ejemplo anterior procedemos a aplicar el destructuring */
1021+
const cliente = {
1022+
nombre : 'Eric',
1023+
profesion : 'Programador'
1024+
}
1025+
1026+
({nombre, profesion}=cliente);
1027+
/* Observemos, hacemos un tipo "array" donde se asignara cada variable declarada al orden de nuestro objeto al cual hagamos referencia, no importa el nombre de las variables pero si el orden, porque hacemos referencia (mapping) */
1028+
1029+
console.log(nombre);
1030+
console.log(profesion);
1031+
```

0 commit comments

Comments
 (0)