74 lines
		
	
	
		
			2.6 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			74 lines
		
	
	
		
			2.6 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| ---
 | ||
| id: 587d7b8a367417b2b2512b4d
 | ||
| title: Use Destructuring Assignment to Pass an Object as a Function's Parameters
 | ||
| challengeType: 1
 | ||
| videoUrl: ''
 | ||
| localeTitle: Назначение Destructuring для передачи объекта в качестве параметра функции
 | ||
| ---
 | ||
| 
 | ||
| ## Description
 | ||
| <section id="description"> В некоторых случаях вы можете разрушить объект в самом аргументе функции. Рассмотрим следующий код: <blockquote> const profileUpdate = (profileData) => { <br> const {name, age, nationality, location} = profileData; <br> // делаем что-то с этими переменными <br> } </blockquote> Это эффективно разрушает объект, отправленный в функцию. Это также можно сделать на месте: <blockquote> const profileUpdate = ({имя, возраст, национальность, местоположение}) => { <br> / * что-то делать с этими полями * / <br> } </blockquote> Это устраняет некоторые дополнительные строки и делает наш код удобным. Это имеет дополнительное преимущество: не нужно манипулировать целым объектом в функции; только нужные поля копируются внутри функции. </section>
 | ||
| 
 | ||
| ## Instructions
 | ||
| undefined
 | ||
| 
 | ||
| ## Tests
 | ||
| <section id='tests'>
 | ||
| 
 | ||
| ```yml
 | ||
| tests:
 | ||
|   - text: ''
 | ||
|     testString: 'assert(typeof stats === "object", "<code>stats</code> should be an <code>object</code>.");'
 | ||
|   - text: ''
 | ||
|     testString: 'assert(half(stats) === 28.015, "<code>half(stats)</code> should be <code>28.015</code>");'
 | ||
|   - text: ''
 | ||
|     testString: 'getUserInput => assert(getUserInput("index").match(/\(\s*\{\s*\w+\s*,\s*\w+\s*\}\s*\)/g), "Destructuring was used.");'
 | ||
| 
 | ||
| ```
 | ||
| 
 | ||
| </section>
 | ||
| 
 | ||
| ## Challenge Seed
 | ||
| <section id='challengeSeed'>
 | ||
| 
 | ||
| <div id='js-seed'>
 | ||
| 
 | ||
| ```js
 | ||
| const stats = {
 | ||
|   max: 56.78,
 | ||
|   standard_deviation: 4.34,
 | ||
|   median: 34.54,
 | ||
|   mode: 23.87,
 | ||
|   min: -0.75,
 | ||
|   average: 35.85
 | ||
| };
 | ||
| const half = (function() {
 | ||
|   "use strict"; // do not change this line
 | ||
| 
 | ||
|   // change code below this line
 | ||
|   return function half(stats) {
 | ||
|     // use function argument destructuring
 | ||
|     return (stats.max + stats.min) / 2.0;
 | ||
|   };
 | ||
|   // change code above this line
 | ||
| 
 | ||
| })();
 | ||
| console.log(stats); // should be object
 | ||
| console.log(half(stats)); // should be 28.015
 | ||
| 
 | ||
| ```
 | ||
| 
 | ||
| </div>
 | ||
| 
 | ||
| 
 | ||
| 
 | ||
| </section>
 | ||
| 
 | ||
| ## Solution
 | ||
| <section id='solution'>
 | ||
| 
 | ||
| ```js
 | ||
| // solution required
 | ||
| ```
 | ||
| </section>
 |