freeCodeCamp/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.english.md at 56ded4174c324a2bdd8d8ac276e01650f78d6751

gaspersic/freeCodeCamp

Fork 0

Files

.github

api-server

client

config

curriculum

challenges

_meta

arabic

chinese

english

01-responsive-web-design

02-javascript-algorithms-and-data-structures

basic-algorithm-scripting

basic-data-structures

basic-javascript

debugging

es6

compare-scopes-of-the-var-and-let-keywords.english.md

create-an-export-fallback-with-export-default.english.md

create-strings-using-template-literals.english.md

declare-a-read-only-variable-with-the-const-keyword.english.md

explore-differences-between-the-var-and-let-keywords.english.md

import-a-default-export.english.md

mutate-an-array-declared-with-const.english.md

prevent-object-mutation.english.md

set-default-parameters-for-your-functions.english.md

understand-the-differences-between-import-and-require.english.md

use--to-import-everything-from-a-file.english.md

use-arrow-functions-to-write-concise-anonymous-functions.english.md

use-class-syntax-to-define-a-constructor-function.english.md

use-destructuring-assignment-to-assign-variables-from-arrays.english.md

use-destructuring-assignment-to-assign-variables-from-nested-objects.english.md

use-destructuring-assignment-to-assign-variables-from-objects.english.md

use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.english.md

use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.english.md

use-export-to-reuse-a-code-block.english.md

use-getters-and-setters-to-control-access-to-an-object.english.md

use-the-rest-operator-with-function-parameters.english.md

use-the-spread-operator-to-evaluate-arrays-in-place.english.md

write-arrow-functions-with-parameters.english.md

write-concise-declarative-functions-with-es6.english.md

write-concise-object-literal-declarations-using-simple-fields.english.md

write-higher-order-arrow-functions.english.md

functional-programming

intermediate-algorithm-scripting

javascript-algorithms-and-data-structures-projects

object-oriented-programming

regular-expressions

03-front-end-libraries

04-data-visualization

05-apis-and-microservices

06-information-security-and-quality-assurance

08-coding-interview-prep

09-certificates

portuguese

russian

spanish

formattingConversion

math-challenges

requiresTests

schema

test

.babelrc

.editorconfig

.eslintignore

.eslintrc

.npmignore

.prettierrc

.travis.yml

CHANGELOG.md

LICENSE.md

commitizen.config.js

commitlint.config.js

create-challenge-bundle.js

getChallenges.js

gulpfile.js

index.js

lib.js

md-translation.js

package-entry.js

package-lock.json

package.json

repack.js

unpack.js

unpacked.css

unpacked.js

unpackedChallenge.js

utils.js

docs

guide

mock-guide

tools

.editorconfig

.eslintignore

.eslintrc

.gitattributes

.gitignore

.node-inspectorrc

.prettierrc

.snyk

.travis.yml

.vcmrc

CODE_OF_CONDUCT.md

CONTRIBUTING.md

LICENSE.md

README(french).md

README-IT

README.md

docker-compose-shared.yml

docker-compose.yml

lerna.json

netlify.toml

package-lock.json

package.json

sample.env

Valeriy 79d9012432 fix(curriculum): quotes in tests (#18828 )

* fix(curriculum): tests quotes

* fix(curriculum): fill seed-teardown

* fix(curriculum): fix tests and remove unneeded seed-teardown

2018-10-20 23:32:47 +05:30

2.3 KiB

Raw Blame History

id, title, challengeType

id	title	challengeType
587d7b8a367417b2b2512b4d	Use Destructuring Assignment to Pass an Object as a Function's Parameters	1

Description

In some cases, you can destructure the object in a function argument itself. Consider the code below:

const profileUpdate = (profileData) => {
const { name, age, nationality, location } = profileData;
// do something with these variables
}

This effectively destructures the object sent into the function. This can also be done in-place:

const profileUpdate = ({ name, age, nationality, location }) => {
/* do something with these fields */
}

This removes some extra lines and makes our code look neat. This has the added benefit of not having to manipulate an entire object in a function; only the fields that are needed are copied inside the function.

Instructions

Use destructuring assignment within the argument to the function half to send only max and min inside the function.

Tests

tests:
  - text: <code>stats</code> should be an <code>object</code>.
    testString: assert(typeof stats === 'object', '<code>stats</code> should be an <code>object</code>.');
  - text: <code>half(stats)</code> should be <code>28.015</code>
    testString: assert(half(stats) === 28.015, '<code>half(stats)</code> should be <code>28.015</code>');
  - text: Destructuring was used.
    testString: getUserInput => assert(getUserInput('index').match(/\(\s*\{\s*\w+\s*,\s*\w+\s*\}\s*\)/g), 'Destructuring was used.');

Challenge Seed

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

Solution

// solution required

2.3 KiB Raw Blame History