2018-10-04 14:37:37 +01:00
---
id: 587d7b88367417b2b2512b44
title: Write Arrow Functions with Parameters
challengeType: 1
---
## Description
< section id = 'description' >
2019-01-09 11:00:16 +00:00
Just like a regular function, you can pass arguments into an arrow function.
2018-10-04 14:37:37 +01:00
< blockquote > // doubles input value and returns it< br > const doubler = (item) => item * 2;< / blockquote >
2019-01-09 11:00:16 +00:00
If an arrow function has a single argument, the parentheses enclosing the argument may be omitted.
< blockquote > // the same function, without the argument parentheses< br > const doubler = item => item * 2;< / blockquote >
It is possible to pass more than one argument into an arrow function.
< blockquote > // multiplies the first input value by the second and returns it< br > const multiplier = (item, multi) => item * multi;< / blockquote >
2018-10-04 14:37:37 +01:00
< / section >
## Instructions
< section id = 'instructions' >
Rewrite the < code > myConcat< / code > function which appends contents of < code > arr2< / code > to < code > arr1< / code > so that the function uses arrow function syntax.
< / section >
## Tests
< section id = 'tests' >
```yml
tests:
- text: User did replace < code > var</ code > keyword.
2018-10-20 21:02:47 +03:00
testString: getUserInput => assert(!getUserInput('index').match(/var/g), 'User did replace < code > var< / code > keyword.');
2018-10-04 14:37:37 +01:00
- text: < code > myConcat</ code > should be a constant variable (by using < code > const</ code > ).
2018-10-20 21:02:47 +03:00
testString: getUserInput => assert(getUserInput('index').match(/const\s+myConcat/g), '< code > myConcat</ code > should be a constant variable (by using < code > const</ code > ).');
2018-10-04 14:37:37 +01:00
- text: < code > myConcat</ code > should be a function
2018-10-20 21:02:47 +03:00
testString: assert(typeof myConcat === 'function', '< code > myConcat< / code > should be a function');
2018-10-04 14:37:37 +01:00
- text: < code > myConcat()</ code > returns the correct < code > array</ code >
2018-10-20 21:02:47 +03:00
testString: assert(() => { const a = myConcat([1], [2]); return a[0] == 1 & & a[1] == 2; }, '< code > myConcat()< / code > returns the correct < code > array< / code > ');
2018-10-04 14:37:37 +01:00
- text: < code > function</ code > keyword was not used.
2018-10-20 21:02:47 +03:00
testString: getUserInput => assert(!getUserInput('index').match(/function/g), '< code > function< / code > keyword was not used.');
2018-10-04 14:37:37 +01:00
```
< / section >
## Challenge Seed
< section id = 'challengeSeed' >
< div id = 'js-seed' >
```js
var myConcat = function(arr1, arr2) {
"use strict";
return arr1.concat(arr2);
};
// test your code
console.log(myConcat([1, 2], [3, 4, 5]));
```
< / div >
< / section >
## Solution
< section id = 'solution' >
```js
2018-10-13 17:34:42 +05:30
const myConcat = (arr1, arr2) => {
"use strict";
return arr1.concat(arr2);
};
// test your code
console.log(myConcat([1, 2], [3, 4, 5]));
2018-10-04 14:37:37 +01:00
```
< / section >