freeCodeCamp/write-concise-object-literal-declarations-using-simple-fields.english.md at 4f73b5a7f3d6f7177f03fd31c6a51f1ce018aef0

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

.npmignore

.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

utils.js

docs

guide

mock-guide

tools

.editorconfig

.eslintignore

.eslintrc.json

.gitattributes

.gitignore

.node-inspectorrc

.prettierrc

.snyk

.travis.yml

.vcmrc

CODE_OF_CONDUCT.md

CONTRIBUTING.md

Dockerfile.tests

LICENSE.md

README.french.md

README.italian.md

README.md

azure-pipelines.yml

change_volumes_owner.sh

docker-compose-shared.yml

docker-compose.tests.yml

docker-compose.yml

lerna.json

libcimp_index_js.patch

package-lock.json

package.json

patch_npm_and_install.sh

sample.env

Aditya 254897c372 fix: fixed the test and added solution

2018-11-27 19:52:49 +09:00

2.2 KiB

Raw Blame History

id, title, challengeType

id	title	challengeType
587d7b8a367417b2b2512b4f	Write Concise Object Literal Declarations Using Simple Fields	1

Description

ES6 adds some nice support for easily defining object literals. Consider the following code:

const getMousePosition = (x, y) => ({
x: x,
y: y
});

getMousePosition is a simple function that returns an object containing two fields. ES6 provides the syntactic sugar to eliminate the redundancy of having to write x: x. You can simply write x once, and it will be converted tox: x (or something equivalent) under the hood. Here is the same function from above rewritten to use this new syntax:

const getMousePosition = (x, y) => ({ x, y });

Instructions

Use simple fields with object literals to create and return a Person object with name, age and gender properties.

Tests

tests:
  - text: 'The output is <code>{name: "Zodiac Hasbro", age: 56, gender: "male"}</code>.'
    testString: 'assert((() => {const res={name:"Zodiac Hasbro",age:56,gender:"male"}; const person=createPerson("Zodiac Hasbro", 56, "male"); return Object.keys(person).every(k => person[k] === res[k]);})(), ''The output is <code>{name: "Zodiac Hasbro", age: 56, gender: "male"}</code>.'');'
  - text: No <code>key:value</code> were used.
    testString: getUserInput => assert(!getUserInput('index').match(/:/g), 'No <code>key:value</code> were used.');

Challenge Seed

const createPerson = (name, age, gender) => {
  "use strict";
  // change code below this line
  return {
    name: name,
    age: age,
    gender: gender
  };
  // change code above this line
};
console.log(createPerson("Zodiac Hasbro", 56, "male")); // returns a proper object

Solution

const createPerson = (name, age, gender) => {
  "use strict";
  return {
    name,
    age,
    gender
  };
};

2.2 KiB Raw Blame History