Durchschnitt eines abgebildeten Arrays

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 das Konzept der Abbildung und Reduzierung von Arrays in JavaScript erkunden. Insbesondere lernen wir, wie die averageBy()-Funktion verwendet werden kann, um den Durchschnitt eines Arrays zu berechnen, nachdem jedes Element mithilfe einer bereitgestellten Funktion auf einen Wert abgebildet wurde. Durch praktische Übungen und Beispiele werden wir ein tieferes Verständnis für diese leistungsstarken Array-Methoden und wie sie verwendet werden können, um unseren Code zu vereinfachen, erlangen.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28483{{"Durchschnitt eines abgebildeten Arrays"}} javascript/data_types -.-> lab-28483{{"Durchschnitt eines abgebildeten Arrays"}} javascript/arith_ops -.-> lab-28483{{"Durchschnitt eines abgebildeten Arrays"}} javascript/comp_ops -.-> lab-28483{{"Durchschnitt eines abgebildeten Arrays"}} javascript/array_methods -.-> lab-28483{{"Durchschnitt eines abgebildeten Arrays"}} javascript/higher_funcs -.-> lab-28483{{"Durchschnitt eines abgebildeten Arrays"}} javascript/destr_assign -.-> lab-28483{{"Durchschnitt eines abgebildeten Arrays"}} end

Anweisungen zur Berechnung des Durchschnitts eines abgebildeten Arrays

Um den Durchschnitt eines Arrays zu berechnen, können Sie jedes Element mithilfe der bereitgestellten Funktion auf einen neuen Wert abbilden. Hier sind die Schritte:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
  2. Verwenden Sie Array.prototype.map(), um jedes Element auf den von fn zurückgegebenen Wert abzubilden.
  3. Verwenden Sie Array.prototype.reduce(), um jeden abgebildeten Wert einem Akkumulator hinzuzufügen, der mit einem Wert von 0 initialisiert wird.
  4. Teilen Sie das resultierende Array durch seine Länge, um den Durchschnitt zu erhalten.

Hier ist der Code, den Sie verwenden können:

const averageBy = (arr, fn) =>
  arr
    .map(typeof fn === "function" ? fn : (val) => val[fn])
    .reduce((acc, val) => acc + val, 0) / arr.length;

Sie können diese Funktion mit den folgenden Beispielen testen:

averageBy([{ n: 4 }, { n: 2 }, { n: 8 }, { n: 6 }], (o) => o.n); // 5
averageBy([{ n: 4 }, { n: 2 }, { n: 8 }, { n: 6 }], "n"); // 5

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Durchschnitt eines abgebildeten Arrays" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.