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) {
2022-01-21 01:00:18 +05:30
this.name = name;
2021-02-06 04:42:36 +00:00
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);
```