mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2025-12-22 03:26:02 -05:00
81 lines
2.0 KiB
Markdown
81 lines
2.0 KiB
Markdown
---
|
|
id: 587d7b88367417b2b2512b47
|
|
title: Verwende den Restparameter mit Funktionsparametern
|
|
challengeType: 1
|
|
forumTopicId: 301221
|
|
dashedName: use-the-rest-parameter-with-function-parameters
|
|
---
|
|
|
|
# --description--
|
|
|
|
Um uns zu helfen, flexiblere Funktionen zu erstellen, führt ES6 den <dfn>Restparameter</dfn> für Funktionsparameter ein. Mit dem Restparameter kannst du Funktionen erstellen, die eine variable Anzahl von Argumenten annehmen. Diese Argumente werden in einem Array gespeichert, auf das später innerhalb der Funktion zugegriffen werden kann.
|
|
|
|
Schau dir diesen Code an:
|
|
|
|
```js
|
|
function howMany(...args) {
|
|
return "You have passed " + args.length + " arguments.";
|
|
}
|
|
console.log(howMany(0, 1, 2));
|
|
console.log(howMany("string", null, [1, 2, 3], { }));
|
|
```
|
|
|
|
Die Konsole würde die Strings `You have passed 3 arguments.` und `You have passed 4 arguments.` anzeigen.
|
|
|
|
Der Restparameter macht die Überprüfung des `args`-Arrays überflüssig und ermöglicht es uns, `map()`, `filter()` und `reduce()` auf das Parameter-Array anzuwenden.
|
|
|
|
# --instructions--
|
|
|
|
Ändere die Funktion `sum` mit dem Restparameter so ab, dass die Funktion `sum` eine beliebige Anzahl von Argumenten annehmen und deren Summe zurückgeben kann.
|
|
|
|
# --hints--
|
|
|
|
Das Ergebnis von `sum(0,1,2)` sollte 3 sein
|
|
|
|
```js
|
|
assert(sum(0, 1, 2) === 3);
|
|
```
|
|
|
|
Das Ergebnis von `sum(1,2,3,4)` sollte 10 sein
|
|
|
|
```js
|
|
assert(sum(1, 2, 3, 4) === 10);
|
|
```
|
|
|
|
Das Ergebnis von `sum(5)` sollte 5 sein
|
|
|
|
```js
|
|
assert(sum(5) === 5);
|
|
```
|
|
|
|
Das Ergebnis von `sum()` sollte 0 sein
|
|
|
|
```js
|
|
assert(sum() === 0);
|
|
```
|
|
|
|
`sum` sollte eine Pfeilfunktion sein, die die Restparametersyntax (`...`) für den `args`-Parameter verwendet.
|
|
|
|
```js
|
|
assert(__helpers.removeWhiteSpace(code).match(/sum=\(\.\.\.args\)=>/));
|
|
```
|
|
|
|
# --seed--
|
|
|
|
## --seed-contents--
|
|
|
|
```js
|
|
const sum = (x, y, z) => {
|
|
const args = [x, y, z];
|
|
return args.reduce((a, b) => a + b, 0);
|
|
}
|
|
```
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
const sum = (...args) => {
|
|
return args.reduce((a, b) => a + b, 0);
|
|
}
|
|
```
|