78 lines
1.6 KiB
Markdown
78 lines
1.6 KiB
Markdown
|
---
|
||
|
|
id: 56bbb991ad1ed5201cd392d1
|
||
|
|
title: Updating Object Properties
|
||
|
|
challengeType: 1
|
||
|
|
videoUrl: 'https://scrimba.com/c/c9yEJT4'
|
||
|
|
forumTopicId: 18336
|
||
|
|
dashedName: updating-object-properties
|
||
|
|
---
|
||
|
|
|
||
|
|
# --description--
|
||
|
|
|
||
|
|
After you've created a JavaScript object, you can update its properties at any time just like you would update any other variable. You can use either dot or bracket notation to update.
|
||
|
|
|
||
|
|
For example, let's look at `ourDog`:
|
||
|
|
|
||
|
|
```js
|
||
|
|
var ourDog = {
|
||
|
|
"name": "Camper",
|
||
|
|
"legs": 4,
|
||
|
|
"tails": 1,
|
||
|
|
"friends": ["everything!"]
|
||
|
|
};
|
||
|
|
```
|
||
|
|
|
||
|
|
Since he's a particularly happy dog, let's change his name to the string `Happy Camper`. Here's how we update his object's name property: `ourDog.name = "Happy Camper";` or `ourDog["name"] = "Happy Camper";` Now when we evaluate `ourDog.name`, instead of getting `Camper`, we'll get his new name, `Happy Camper`.
|
||
|
|
|
||
|
|
# --instructions--
|
||
|
|
|
||
|
|
Update the `myDog` object's name property. Let's change her name from `Coder` to `Happy Coder`. You can use either dot or bracket notation.
|
||
|
|
|
||
|
|
# --hints--
|
||
|
|
|
||
|
|
You should update `myDog`'s `name` property to equal the string `Happy Coder`.
|
||
|
|
|
||
|
|
```js
|
||
|
|
assert(/happy coder/gi.test(myDog.name));
|
||
|
|
```
|
||
|
|
|
||
|
|
You should not edit the `myDog` definition.
|
||
|
|
|
||
|
|
```js
|
||
|
|
assert(/"name": "Coder"/.test(code));
|
||
|
|
```
|
||
|
|
|
||
|
|
# --seed--
|
||
|
|
|
||
|
|
## --after-user-code--
|
||
|
|
|
||
|
|
```js
|
||
|
|
(function(z){return z;})(myDog);
|
||
|
|
```
|
||
|
|
|
||
|
|
## --seed-contents--
|
||
|
|
|
||
|
|
```js
|
||
|
|
// Setup
|
||
|
|
var myDog = {
|
||
|
|
"name": "Coder",
|
||
|
|
"legs": 4,
|
||
|
|
"tails": 1,
|
||
|
|
"friends": ["freeCodeCamp Campers"]
|
||
|
|
};
|
||
|
|
|
||
|
|
// Only change code below this line
|
||
|
|
```
|
||
|
|
|
||
|
|
# --solutions--
|
||
|
|
|
||
|
|
```js
|
||
|
|
var myDog = {
|
||
|
|
"name": "Coder",
|
||
|
|
"legs": 4,
|
||
|
|
"tails": 1,
|
||
|
|
"friends": ["freeCodeCamp Campers"]
|
||
|
|
};
|
||
|
|
myDog.name = "Happy Coder";
|
||
|
|
```
|