96 lines
2.5 KiB
Markdown
96 lines
2.5 KiB
Markdown
|
---
|
||
|
|
id: 56bbb991ad1ed5201cd392d1
|
||
|
|
title: Updating Object Properties
|
||
|
|
localeTitle: Actualización de las propiedades del objeto
|
||
|
|
challengeType: 1
|
||
|
|
---
|
||
|
|
|
||
|
|
## Description
|
||
|
|
<section id='description'>
|
||
|
|
Después de haber creado un objeto de JavaScript, puede actualizar sus propiedades en cualquier momento, como si fuera a actualizar cualquier otra variable. Puede utilizar la notación de puntos o corchetes para actualizar.
|
||
|
|
Por ejemplo, echemos un vistazo a <code>ourDog</code> :
|
||
|
|
<blockquote>var ourDog = {<br> "name": "Camper",<br> "legs": 4,<br> "tails": 1,<br> "friends": ["everything!"]<br>};</blockquote>
|
||
|
|
Ya que es un perro particularmente feliz, cambiemos su nombre a "Happy Camper". Así es como actualizamos la propiedad del nombre de su objeto:
|
||
|
|
<code>ourDog.name = "Happy Camper";</code> o
|
||
|
|
<code>ourDog["name"] = "Happy Camper";</code>
|
||
|
|
Ahora, cuando evaluamos <code>ourDog.name</code> , en lugar de obtener "Camper", obtendremos su nuevo nombre, "Happy Camper".
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Instructions
|
||
|
|
<section id='instructions'>
|
||
|
|
Actualizar la <code>myDog</code> del nombre del objeto <code>myDog</code> . Cambiemos su nombre de "Codificador" a "Codificador feliz". Puede utilizar la notación de puntos o corchetes.
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Tests
|
||
|
|
<section id='tests'>
|
||
|
|
|
||
|
|
```yml
|
||
|
|
tests:
|
||
|
|
- text: Actualice la <code>myDog</code> <code>"name"</code> <code>myDog</code> para que sea igual a "Happy Coder".
|
||
|
|
testString: 'assert(/happy coder/gi.test(myDog.name), "Update <code>myDog</code>'s <code>"name"</code> property to equal "Happy Coder".");'
|
||
|
|
- text: No edite la definición de <code>myDog</code>
|
||
|
|
testString: 'assert(/"name": "Coder"/.test(code), "Do not edit the <code>myDog</code> definition");'
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Challenge Seed
|
||
|
|
<section id='challengeSeed'>
|
||
|
|
|
||
|
|
<div id='js-seed'>
|
||
|
|
|
||
|
|
```js
|
||
|
|
// Example
|
||
|
|
var ourDog = {
|
||
|
|
"name": "Camper",
|
||
|
|
"legs": 4,
|
||
|
|
"tails": 1,
|
||
|
|
"friends": ["everything!"]
|
||
|
|
};
|
||
|
|
|
||
|
|
ourDog.name = "Happy Camper";
|
||
|
|
|
||
|
|
// Setup
|
||
|
|
var myDog = {
|
||
|
|
"name": "Coder",
|
||
|
|
"legs": 4,
|
||
|
|
"tails": 1,
|
||
|
|
"friends": ["freeCodeCamp Campers"]
|
||
|
|
};
|
||
|
|
|
||
|
|
// Only change code below this line.
|
||
|
|
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
### After Test
|
||
|
|
<div id='js-teardown'>
|
||
|
|
|
||
|
|
```js
|
||
|
|
console.info('after the test');
|
||
|
|
```
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Solution
|
||
|
|
<section id='solution'>
|
||
|
|
|
||
|
|
|
||
|
|
```js
|
||
|
|
var myDog = {
|
||
|
|
"name": "Coder",
|
||
|
|
"legs": 4,
|
||
|
|
"tails": 1,
|
||
|
|
"friends": ["freeCodeCamp Campers"]
|
||
|
|
};
|
||
|
|
myDog.name = "Happy Coder";
|
||
|
|
```
|
||
|
|
|
||
|
|
</section>
|