78 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			78 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| ---
 | ||
| id: 56bbb991ad1ed5201cd392d2
 | ||
| title: Add New Properties to a JavaScript Object
 | ||
| challengeType: 1
 | ||
| videoUrl: ''
 | ||
| localeTitle: 将新属性添加到JavaScript对象
 | ||
| ---
 | ||
| 
 | ||
| ## Description
 | ||
| <section id="description">您可以像修改现有JavaScript对象一样向现有JavaScript对象添加新属性。以下是我们如何为<code>ourDog</code>添加<code>"bark"</code>属性: <code>ourDog.bark = "bow-wow";</code>或者我们的<code>ourDog["bark"] = "bow-wow";</code>现在当我们评估我们的<code>ourDog.bark</code> ,我们会得到他的吠声,“低头哇”。 </section>
 | ||
| 
 | ||
| ## Instructions
 | ||
| <section id="instructions">向<code>myDog</code>添加<code>"bark"</code>属性并将其设置为狗声,例如“woof”。您可以使用点或括号表示法。 </section>
 | ||
| 
 | ||
| ## Tests
 | ||
| <section id='tests'>
 | ||
| 
 | ||
| ```yml
 | ||
| tests:
 | ||
|   - text: 将属性<code>"bark"</code>添加到<code>myDog</code> 。
 | ||
|     testString: 'assert(myDog.bark !== undefined, "Add the property <code>"bark"</code> to <code>myDog</code>.");'
 | ||
|   - text: 不要在设置部分添加<code>"bark"</code>
 | ||
|     testString: 'assert(!/bark[^\n]:/.test(code), "Do not add <code>"bark"</code> to the setup section");'
 | ||
| 
 | ||
| ```
 | ||
| 
 | ||
| </section>
 | ||
| 
 | ||
| ## Challenge Seed
 | ||
| <section id='challengeSeed'>
 | ||
| 
 | ||
| <div id='js-seed'>
 | ||
| 
 | ||
| ```js
 | ||
| // Example
 | ||
| var ourDog = {
 | ||
|   "name": "Camper",
 | ||
|   "legs": 4,
 | ||
|   "tails": 1,
 | ||
|   "friends": ["everything!"]
 | ||
| };
 | ||
| 
 | ||
| ourDog.bark = "bow-wow";
 | ||
| 
 | ||
| // Setup
 | ||
| var myDog = {
 | ||
|   "name": "Happy 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
 | ||
| // solution required
 | ||
| ```
 | ||
| </section>
 |