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>