Array von sukzessiven Werten

JavaScriptJavaScriptBeginner
Jetzt üben

This tutorial is from open-source community. Access the source code

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Lab werden wir untersuchen, wie die reduceSuccessive()-Funktion verwendet werden kann, um eine gegebene Funktion auf einen Akkumulator und jedes Element in einem Array anzuwenden und ein Array von sukzessiv reduzierten Werten zurückzugeben. Wir werden lernen, wie Array.prototype.reduce() verwendet wird, um die Funktion auf das Array anzuwenden und jedes neue Ergebnis zu speichern. Am Ende dieses Labs werden Sie ein besseres Verständnis dafür haben, wie diese Methoden verwendet werden, um Arrays in JavaScript zu manipulieren.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28632{{"Array von sukzessiven Werten"}} javascript/data_types -.-> lab-28632{{"Array von sukzessiven Werten"}} javascript/arith_ops -.-> lab-28632{{"Array von sukzessiven Werten"}} javascript/comp_ops -.-> lab-28632{{"Array von sukzessiven Werten"}} javascript/higher_funcs -.-> lab-28632{{"Array von sukzessiven Werten"}} end

Array von sukzessiven Werten

Um in JavaScript ein Array von sukzessiven Werten zu erstellen, können Sie die Array.prototype.reduce()-Methode verwenden. Diese Methode wendet eine Funktion auf einen Akkumulator und jedes Element im Array von links nach rechts an und gibt ein Array der sukzessiv reduzierten Werte zurück.

Hier ist, wie die reduceSuccessive-Funktion verwendet wird, um die gegebene Funktion auf das gegebene Array anzuwenden und jedes neue Ergebnis zu speichern:

const reduceSuccessive = (arr, fn, acc) =>
  arr.reduce(
    (res, val, i, arr) => (res.push(fn(res.slice(-1)[0], val, i, arr)), res),
    [acc]
  );

Anschließend können Sie die reduceSuccessive-Funktion mit einem Array, einer Funktion und einem Anfangswert für den Akkumulator aufrufen:

reduceSuccessive([1, 2, 3, 4, 5, 6], (acc, val) => acc + val, 0);
// [0, 1, 3, 6, 10, 15, 21]

Um mit dieser Funktion zu beginnen, die Codierung zu üben, öffnen Sie das Terminal/SSH und geben Sie node ein.

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Array von sukzessiven Werten" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.