2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
id: 56bbb991ad1ed5201cd392d1
|
|
|
|
challengeType: 1
|
2020-04-29 18:29:13 +08:00
|
|
|
videoUrl: 'https://scrimba.com/c/c9yEJT4'
|
|
|
|
forumTopicId: 18336
|
2020-10-01 17:54:21 +02:00
|
|
|
title: 更新对象属性
|
2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
|
|
|
## Description
|
2020-04-29 18:29:13 +08:00
|
|
|
<section id='description'>
|
|
|
|
当你创建了一个对象后,你可以用点操作符或中括号操作符来更新对象的属性。
|
|
|
|
举个例子,让我们看看<code>ourDog</code>:
|
|
|
|
|
|
|
|
```js
|
|
|
|
var ourDog = {
|
|
|
|
"name": "Camper",
|
|
|
|
"legs": 4,
|
|
|
|
"tails": 1,
|
|
|
|
"friends": ["everything!"]
|
|
|
|
};
|
|
|
|
```
|
|
|
|
|
|
|
|
让我们更改它的名称为 "Happy Camper",这有两种方式来更新对象的<code>name</code>属性:
|
|
|
|
<code>ourDog.name = "Happy Camper";</code> 或
|
|
|
|
<code>ourDog["name"] = "Happy Camper";</code>
|
|
|
|
现在,<code>ourDog.name</code>的值就不再是 "Camper",而是 "Happy Camper"。
|
|
|
|
</section>
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
## Instructions
|
2020-04-29 18:29:13 +08:00
|
|
|
<section id='instructions'>
|
|
|
|
更新<code>myDog</code>对象的<code>name</code>属性,让它的名字从 "Coder" 变成 "Happy Coder"。
|
|
|
|
</section>
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
## Tests
|
|
|
|
<section id='tests'>
|
|
|
|
|
|
|
|
```yml
|
|
|
|
tests:
|
2020-04-29 18:29:13 +08:00
|
|
|
- text: 更新<code>myDog</code>的<code>"name"</code>属性, 使其等于 "Happy Coder"。
|
2020-02-18 01:40:55 +09:00
|
|
|
testString: assert(/happy coder/gi.test(myDog.name));
|
2020-04-29 18:29:13 +08:00
|
|
|
- text: 不要修改<code>myDog</code>的定义。
|
2020-02-18 01:40:55 +09:00
|
|
|
testString: 'assert(/"name": "Coder"/.test(code));'
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
</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.
|
|
|
|
|
2020-04-29 18:29:13 +08:00
|
|
|
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
### After Test
|
|
|
|
<div id='js-teardown'>
|
|
|
|
|
|
|
|
```js
|
2020-04-29 18:29:13 +08:00
|
|
|
(function(z){return z;})(myDog);
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
## Solution
|
|
|
|
<section id='solution'>
|
|
|
|
|
2020-04-29 18:29:13 +08:00
|
|
|
|
2018-10-10 18:03:03 -04:00
|
|
|
```js
|
2020-04-29 18:29:13 +08:00
|
|
|
var myDog = {
|
|
|
|
"name": "Coder",
|
|
|
|
"legs": 4,
|
|
|
|
"tails": 1,
|
|
|
|
"friends": ["freeCodeCamp Campers"]
|
|
|
|
};
|
|
|
|
myDog.name = "Happy Coder";
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
2020-04-29 18:29:13 +08:00
|
|
|
|
2018-10-10 18:03:03 -04:00
|
|
|
</section>
|