2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								---
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								id: 587d7dae367417b2b2512b7b
							 
						 
					
						
							
								
									
										
										
										
											2021-04-02 00:25:02 +09:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								title: Comprender las propiedades directas
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								challengeType: 1
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								forumTopicId: 301326
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								dashedName: understand-own-properties
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								---
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --description--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-31 22:38:36 +09:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								En el siguiente ejemplo, el constructor `Bird`  define dos propiedades: `name`  y `numLegs` :
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								function Bird(name) {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  this.name  = name;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  this.numLegs = 2;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								}
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								let duck = new Bird("Donald");
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								let canary = new Bird("Tweety");
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-04-02 00:25:02 +09:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								`name`  y `numLegs`  se llaman < dfn > propiedades directas</ dfn > , porque están definidas directamente en la instancia del objeto. Eso significa que `duck`  y `canary`  tienen su propia copia separada de estas propiedades. De hecho, cada instancia de `Bird`  tendrá su propia copia de estas propiedades. El siguiente código añade todas las propiedades directas de `duck`  al arreglo `ownProps` : 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								let ownProps = [];
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								for (let property in duck) {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  if(duck.hasOwnProperty(property)) {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								    ownProps.push(property);
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  }
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								}
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-31 22:38:36 +09:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								console.log(ownProps);
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-31 22:38:36 +09:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								La consola mostrará el valor `["name", "numLegs"]` .
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								# --instructions--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-04-02 00:25:02 +09:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Agrega todas las propiedades directas de `canary`  al arreglo `ownProps` .
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --hints--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-31 22:38:36 +09:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								`ownProps`  debe incluir los valores `numLegs`  y `name` . 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(ownProps.indexOf('name') !== -1 & &  ownProps.indexOf('numLegs') !== -1);
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-31 22:38:36 +09:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Debes resolver este desafío sin usar el método `Object.keys()` .
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(!/Object(\.keys|\[(['"`])keys\2\])/.test(code));
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2021-03-31 22:38:36 +09:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								Debes resolver este desafío sin hacer una programación fija (hardcoding) del arreglo `ownProps` .
							 
						 
					
						
							
								
									
										
										
										
											2021-02-06 04:42:36 +00:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								assert(
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  !/\[\s*(?:'|")(?:name|numLegs)|(?:push|concat)\(\s*(?:'|")(?:name|numLegs)/.test(
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								    code
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  )
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								);
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --seed--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								## --seed-contents--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								function Bird(name) {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  this.name = name;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  this.numLegs = 2;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								}
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								let canary = new Bird("Tweety");
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								let ownProps = [];
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								// Only change code below this line
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								# --solutions--
  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```js
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								function Bird(name) {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  this.name = name;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  this.numLegs = 2;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								}
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								let canary = new Bird("Tweety");
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								function getOwnProps (obj) {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  const props = [];
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  for (let prop in obj) {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								    if (obj.hasOwnProperty(prop)) {
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								      props.push(prop);
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								    }
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  }
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  return props;
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								}
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								const ownProps = getOwnProps(canary);
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								```