2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								---
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								id: 5cfa550e84205a357704ccb6
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								title: Usa sintaxis de desestructuración para extraer valores de objetos
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								challengeType: 1
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								forumTopicId: 301216
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								dashedName: use-destructuring-assignment-to-extract-values-from-objects
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								---
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --description--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								La < dfn > sintaxis de desestructuración< / dfn >  es una sintaxis especial introducida en ES6, para asignar los valores directamente desde un objeto.
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Considera el siguiente código ES5:
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								const user = { name: 'John Doe', age: 34 };
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								const name = user.name;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								const age = user.age;
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								`name`  tendría una cadena con valor `John Doe` , y `age`  tendría el número `34` . 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								Aquí hay una sentencia de asignación equivalente usando la sintaxis de desestructuración de ES6:
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								const { name, age } = user;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								De nuevo, `name`  tendrá una cadena con valor `John Doe` , y `age`  tendrá el número `34` .
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								Aquí, las variables `name`  y `age`  serán creadas y se asignarán los valores respectivos a partir del objeto `user` . Puedes observar que esto es mucho más limpio.
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Puedes extraer tantos o pocos valores del objeto como desees.
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --instructions--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Reemplaza las dos asignaciones con una sintaxis de desestructuración equivalente. Todavía deben seguir asignando las variables `today`  y `tomorrow`  con los valores de `today`  y `tomorrow`  del objeto `HIGH_TEMPERATURES` .
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --hints--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Debes eliminar la sintaxis de asignación ES5.
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(
							 
						 
					
						
							
								
									
										
										
										
											2021-04-28 16:18:54 +01:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								  !code.match(/today\s*=\s*HIGH_TEMPERATURES\.(today|tomorrow)/g)
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								);
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Debes usar desestructuración para crear la variable `today` .
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(
							 
						 
					
						
							
								
									
										
										
										
											2021-04-30 00:43:46 +09:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								  code.match(/(var|let|const)\s*{\s*(today[^}]*|[^,]*,\s*today)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								);
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Debes usar desestructuración para crear la variable `tomorrow` .
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(
							 
						 
					
						
							
								
									
										
										
										
											2021-04-30 00:43:46 +09:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								  code.match(/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								);
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-18 11:16:46 -06:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								`today`  debe ser igual a `77`  y `tomorrow`  debe ser igual a `80` . 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(today === 77 & &  tomorrow === 80);
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --seed--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								## --seed-contents--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								const HIGH_TEMPERATURES = {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  yesterday: 75,
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  today: 77,
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  tomorrow: 80
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								};
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								// Only change code below this line
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								const today = HIGH_TEMPERATURES.today;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								const tomorrow = HIGH_TEMPERATURES.tomorrow;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								// Only change code above this line
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --solutions--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								const HIGH_TEMPERATURES = {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  yesterday: 75,
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  today: 77,
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  tomorrow: 80
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								};
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								const { today, tomorrow } = HIGH_TEMPERATURES;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```