2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
id: 587d7b7c367417b2b2512b19
|
|
|
|
challengeType: 1
|
2020-08-04 15:14:21 +08:00
|
|
|
forumTopicId: 301164
|
2020-10-01 17:54:21 +02:00
|
|
|
title: 修改嵌套在对象中的对象
|
2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
|
|
|
## Description
|
2020-08-04 15:14:21 +08:00
|
|
|
<section id='description'>
|
|
|
|
现在我们来看一个稍微复杂一点的对象。对象中也可以嵌套任意层的对象。对象的属性值可以是 JavaScript 支持的任意类型,包括数组和其他对象。请看以下例子:
|
|
|
|
|
|
|
|
```js
|
|
|
|
let nestedObject = {
|
|
|
|
id: 28802695164,
|
|
|
|
date: 'December 31, 2016',
|
|
|
|
data: {
|
|
|
|
totalUsers: 99,
|
|
|
|
online: 80,
|
|
|
|
onlineStatus: {
|
|
|
|
active: 67,
|
|
|
|
away: 13
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
```
|
|
|
|
|
|
|
|
<code>nestedObject</code>有 3 个唯一的键:值为一个数字的<code>id</code>、值为一个字符串的<code>date</code>和值为一个嵌套了其他对象的对象的<code>data</code>。虽然对象中的数据可能很复杂,我们仍能使用上一个挑战中讲的符号来访问我们需要的信息。
|
|
|
|
</section>
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
## Instructions
|
2020-08-04 15:14:21 +08:00
|
|
|
<section id='instructions'>
|
|
|
|
我们已经定义了一个<code>userActivity</code>对象,它包含了另一个对象。你可以用上一个挑战中那样的方式来修改被嵌套的对象的属性。请将<code>online</code>属性设为<code>45</code>。
|
|
|
|
</section>
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
## Tests
|
|
|
|
<section id='tests'>
|
|
|
|
|
|
|
|
```yml
|
|
|
|
tests:
|
2020-08-04 15:14:21 +08:00
|
|
|
- text: <code>userActivity</code>应该含有<code>id</code>、<code>date</code>和<code>data</code>属性。
|
2020-02-18 01:40:55 +09:00
|
|
|
testString: assert('id' in userActivity && 'date' in userActivity && 'data' in userActivity);
|
2020-08-04 15:14:21 +08:00
|
|
|
- text: <code>userActivity</code>应该有一个<code>data</code>属性,该属性要是一个含有<code>totalUsers</code>和<code>online</code>属性的对象。
|
2020-02-18 01:40:55 +09:00
|
|
|
testString: assert('totalUsers' in userActivity.data && 'online' in userActivity.data);
|
2020-08-04 15:14:21 +08:00
|
|
|
- text: <code>userActivity</code>的<code>data</code>属性值中的<code>online</code>属性应该被设为<code>45</code>。
|
2020-02-18 01:40:55 +09:00
|
|
|
testString: assert(userActivity.data.online === 45);
|
2020-08-04 15:14:21 +08:00
|
|
|
- text: 你应该用点符号或者方括号符号来设置<code>online</code>属性。
|
2020-02-18 01:40:55 +09:00
|
|
|
testString: 'assert.strictEqual(code.search(/online: 45/), -1);'
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
## Challenge Seed
|
|
|
|
<section id='challengeSeed'>
|
|
|
|
|
|
|
|
<div id='js-seed'>
|
|
|
|
|
|
|
|
```js
|
|
|
|
let userActivity = {
|
|
|
|
id: 23894201352,
|
|
|
|
date: 'January 1, 2017',
|
|
|
|
data: {
|
|
|
|
totalUsers: 51,
|
|
|
|
online: 42
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
// change code below this line
|
|
|
|
|
|
|
|
// change code above this line
|
|
|
|
|
|
|
|
console.log(userActivity);
|
|
|
|
```
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
## Solution
|
|
|
|
<section id='solution'>
|
|
|
|
|
|
|
|
```js
|
2020-08-04 15:14:21 +08:00
|
|
|
let userActivity = {
|
|
|
|
id: 23894201352,
|
|
|
|
date: 'January 1, 2017',
|
|
|
|
data: {
|
|
|
|
totalUsers: 51,
|
|
|
|
online: 42
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
userActivity.data.online = 45;
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
2020-08-04 15:14:21 +08:00
|
|
|
|
2018-10-10 18:03:03 -04:00
|
|
|
</section>
|