2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								---
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								id: 56533eb9ac21ba0edf2244c8
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								title: Accede a propiedades de objetos con notación de corchete
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								challengeType: 1
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								videoUrl: 'https://scrimba.com/c/cBvmEHP'
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								forumTopicId: 16163
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								dashedName: accessing-object-properties-with-bracket-notation
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								---
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --description--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								La segunda manera de acceder a las propiedades de un objeto es con la notación de corchetes (`[]` ). Si la propiedad del objeto al que intentas acceder tiene un espacio en el nombre, necesitarás usar notación de corchetes.
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Sin embargo, también puedes utilizar la notación de corchetes en las propiedades de objeto sin espacios.
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Aquí hay un ejemplo de cómo usar la notación de corchetes para leer la propiedad de un objeto:
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								var myObj = {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  "Space Name": "Kirk",
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  "More Space": "Spock",
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  "NoSpace": "USS Enterprise"
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								};
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								myObj["Space Name"];
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								myObj['More Space'];
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								myObj["NoSpace"];
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								`myObj["Space Name"]`  sería la cadena `Kirk` , `myObj['More Space']`  sería la cadena `Spock` , y `myObj["NoSpace"]`  sería la cadena `USS Enterprise` . 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								Ten en cuenta que los nombres de las propiedades con espacios deben estar entre comillas (simples o dobles).
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --instructions--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Lee los valores de las propiedades `an entree`  y `the drink`  de `testObj`  usando la notación de corchetes y asígnalos a `entreeValue`  y `drinkValue`  respectivamente.
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --hints--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								`entreeValue`  debe ser una cadena de texto 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(typeof entreeValue === 'string');
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								El valor de `entreeValue`  debe ser la cadena `hamburger` 
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(entreeValue === 'hamburger');
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								`drinkValue`  debe ser una cadena 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(typeof drinkValue === 'string');
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								El valor de `drinkValue`  debe ser la cadena `water` 
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(drinkValue === 'water');
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-08 07:28:46 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Debes usar la notación de corchetes dos veces
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(code.match(/testObj\s*?\[('|")[^'"]+\1\]/g).length > 1);
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --seed--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								## --after-user-code--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								(function(a,b) { return "entreeValue = '" + a + "', drinkValue = '" + b + "'"; })(entreeValue,drinkValue);
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								## --seed-contents--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								// Setup
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								var testObj = {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  "an entree": "hamburger",
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  "my side": "veggies",
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  "the drink": "water"
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								};
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								// Only change code below this line
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								var entreeValue = testObj;   // Change this line
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								var drinkValue = testObj;    // Change this line
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --solutions--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								var testObj = {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  "an entree": "hamburger",
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  "my side": "veggies",
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  "the drink": "water"
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								};
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								var entreeValue = testObj["an entree"];
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								var drinkValue = testObj['the drink'];
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```