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;
2020-10-31 21:59:43 +03:00
doubler(4); // returns 8
2019-05-17 06:20:30 -07:00
```
2020-10-31 21:59:43 +03:00
If an arrow function has a single parameter, the parentheses enclosing the parameter may be omitted.
2019-05-17 06:20:30 -07:00
```js
2020-10-31 21:59:43 +03:00
// the same function, without the parameter parentheses
2019-05-17 06:20:30 -07:00
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;
2020-10-31 21:59:43 +03:00
multiplier(4, 2); // returns 8
2019-05-17 06:20:30 -07:00
```
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));
2020-09-03 19:58:35 +05:30
- text: < code > myConcat</ code > should be an arrow function with two parameters
testString: assert(/myConcat=\(\w+,\w+\)=>/.test(code.replace(/\s/g, '')) && typeof myConcat === 'function');
2019-11-27 02:57:38 -08:00
- text: < code > myConcat()</ code > should return < code > [1, 2, 3, 4, 5]</ code > .
2020-09-03 19:58:35 +05:30
testString: assert.deepEqual(myConcat([1, 2], [3, 4, 5]), [1, 2, 3, 4, 5]);
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 >