Das kartesische Produkt mit JavaScript berechnen

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 des kartesischen Produkts erkunden und lernen, wie man es mit JavaScript berechnet. Wir werden lernen, wie man die Methoden Array.prototype.reduce(), Array.prototype.map() und den Spread-Operator (...) verwendet, um alle möglichen Elementpaare aus zwei Arrays zu generieren. Am Ende des Labs werdet ihr ein besseres Verständnis dafür haben, wie man diese Methoden verwendet, um das kartesische Produkt von zwei Arrays zu berechnen.


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/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28189{{"Das kartesische Produkt mit JavaScript berechnen"}} javascript/data_types -.-> lab-28189{{"Das kartesische Produkt mit JavaScript berechnen"}} javascript/arith_ops -.-> lab-28189{{"Das kartesische Produkt mit JavaScript berechnen"}} javascript/comp_ops -.-> lab-28189{{"Das kartesische Produkt mit JavaScript berechnen"}} javascript/higher_funcs -.-> lab-28189{{"Das kartesische Produkt mit JavaScript berechnen"}} javascript/spread_rest -.-> lab-28189{{"Das kartesische Produkt mit JavaScript berechnen"}} end

Kartesisches Produkt

Um das kartesische Produkt von zwei Arrays zu berechnen, folgen Sie diesen Schritten:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
  2. Verwenden Sie Array.prototype.reduce(), Array.prototype.map() und den Spread-Operator (...), um alle möglichen Elementpaare aus den beiden Arrays zu generieren.
  3. Verwenden Sie folgenden Code:
const cartesianProduct = (a, b) =>
  a.reduce((p, x) => [...p, ...b.map((y) => [x, y])], []);

Beispiel:

cartesianProduct(["x", "y"], [1, 2]);
// [['x', 1], ['x', 2], ['y', 1], ['y', 2]]

Dies generiert alle möglichen Kombinationen von Elementen aus den beiden Arrays.

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab zu kartesischen Produkten abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.