117 lines
3.3 KiB
Markdown
Raw Normal View History

---
id: 56bbb991ad1ed5201cd392d0
title: Build JavaScript Objects
challengeType: 1
videoUrl: 'https://scrimba.com/c/cWGkbtd'
forumTopicId: 16769
localeTitle: 新建 JavaScript 对象
---
## Description
<section id='description'>
你之前可能听说过对象<code>object</code>
对象和数组很相似,数组是通过索引来访问和修改数据,而对象是通过属性来访问和修改数据。
对象适合用来存储结构化数据,就和真实世界的对象一模一样,比如一只猫。
这是一个对象的示例:
```js
var cat = {
"name": "Whiskers",
"legs": 4,
"tails": 1,
"enemies": ["Water", "Dogs"]
};
```
在这个示例中所有的属性以字符串的形式储存,例如,<code>"name"</code><code>"legs"</code><code>"tails"</code>。但是,你也可以使用数字作为属性,你甚至可以省略字符串属性的引号,如下所示:
```js
var anotherObject = {
make: "Ford",
5: "five",
"model": "focus"
};
```
但是如果你的对象具有任何非字符串属性JavaScript 将自动将它们转换为字符串类型。
</section>
## Instructions
<section id='instructions'>
创建一个叫做<code>myDog</code>的对象,它里面有这些属性:<code>"name"</code><code>"legs"</code><code>"tails"</code><code>"friends"</code>
你可以设置对象属性为任何值,只需要确保<code>"name"</code>是字符串,<code>"legs"</code><code>"tails"</code>是数字,<code>"friends"</code>是数组。
</section>
## Tests
<section id='tests'>
```yml
tests:
- text: <code>myDog</code>应该包含<code>name</code>属性,并且是一个字符串<code>string</code>
testString: assert((function(z){if(z.hasOwnProperty("name") && z.name !== undefined && typeof z.name === "string"){return true;}else{return false;}})(myDog));
- text: <code>myDog</code>应该包含<code>legs</code>属性,并且是一个数字<code>number</code>
testString: assert((function(z){if(z.hasOwnProperty("legs") && z.legs !== undefined && typeof z.legs === "number"){return true;}else{return false;}})(myDog));
- text: <code>myDog</code>应该包含<code>tails</code>属性,并且是一个数字<code>number</code>
testString: assert((function(z){if(z.hasOwnProperty("tails") && z.tails !== undefined && typeof z.tails === "number"){return true;}else{return false;}})(myDog));
- text: <code>myDog</code>应该包含<code>friends</code>属性,并且是一个数组<code>array</code>
testString: assert((function(z){if(z.hasOwnProperty("friends") && z.friends !== undefined && Array.isArray(z.friends)){return true;}else{return false;}})(myDog));
- text: <code>myDog</code>应该只包含给出的属性。
testString: assert((function(z){return Object.keys(z).length === 4;})(myDog));
```
</section>
## Challenge Seed
<section id='challengeSeed'>
<div id='js-seed'>
```js
// Example
var ourDog = {
"name": "Camper",
"legs": 4,
"tails": 1,
"friends": ["everything!"]
};
// Only change code below this line.
var myDog = {
};
```
</div>
### After Test
<div id='js-teardown'>
```js
(function(z){return z;})(myDog);
```
</div>
</section>
## Solution
<section id='solution'>
```js
var myDog = {
"name": "Camper",
"legs": 4,
"tails": 1,
"friends": ["everything!"]
};
```
</section>