2018-10-04 14:37:37 +01:00
---
id: 587d7b88367417b2b2512b44
title: Write Arrow Functions with Parameters
challengeType: 1
2019-08-05 09:17:33 -07:00
forumTopicId: 301223
2018-10-04 14:37:37 +01:00
---
## 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.
2019-05-17 06:20:30 -07:00
```js
// doubles input value and returns it
const doubler = (item) => item * 2;
```
2019-01-09 11:00:16 +00:00
If an arrow function has a single argument, the parentheses enclosing the argument may be omitted.
2019-05-17 06:20:30 -07:00
```js
// the same function, without the argument parentheses
const doubler = item => item * 2;
```
2019-01-09 11:00:16 +00:00
It is possible to pass more than one argument into an arrow function.
2019-05-17 06:20:30 -07:00
```js
// multiplies the first input value by the second and returns it
const multiplier = (item, multi) => item * multi;
```
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:
2019-11-27 02:57:38 -08:00
- text: You should replace the <code>var</code> keyword.
2019-07-24 01:47:32 -07:00
testString: getUserInput => assert(!getUserInput('index').match(/var/g));
2018-10-04 14:37:37 +01:00
- text: <code>myConcat</code> should be a constant variable (by using <code>const</code>).
2019-07-24 01:47:32 -07:00
testString: getUserInput => assert(getUserInput('index').match(/const\s+myConcat/g));
2019-11-27 02:57:38 -08:00
- text: <code>myConcat</code> should be a function.
2019-07-24 01:47:32 -07:00
testString: assert(typeof myConcat === 'function');
2019-11-27 02:57:38 -08:00
- text: <code>myConcat()</code> should return <code>[1, 2, 3, 4, 5]</code>.
2019-07-24 01:47:32 -07:00
testString: assert(() => { const a = myConcat([1], [2]); return a[0] == 1 && a[1] == 2; });
2019-11-27 02:57:38 -08:00
- text: <code>function</code> keyword should not be used.
2019-07-24 01:47:32 -07:00
testString: getUserInput => assert(!getUserInput('index').match(/function/g));
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);
};
2020-03-02 23:18:30 -08:00
2018-10-04 14:37:37 +01:00
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);
};
2020-03-02 23:18:30 -08:00
2018-10-13 17:34:42 +05:30
console.log(myConcat([1, 2], [3, 4, 5]));
2018-10-04 14:37:37 +01:00
```
2019-07-18 08:24:12 -07:00
2018-10-04 14:37:37 +01:00
</section>