Prüfen von Arrayinhalten in JavaScript

Einführung

In diesem Lab werden wir untersuchen, wie man in JavaScript überprüft, ob zwei Arrays die gleichen Inhalte haben. Wir werden eine Funktion erstellen, die zwei Arrays als Parameter nimmt und true zurückgibt, wenn sie die gleichen Elemente enthalten, unabhängig von der Reihenfolge, und false sonst. Wir werden eine Kombination aus Set, for...of-Schleife und Array.prototype.filter() verwenden, um diese Funktionalität zu erreichen.

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/cond_stmts("Conditional Statements") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28164{{"Prüfen, ob Arrays die gleichen Inhalte haben"}} javascript/data_types -.-> lab-28164{{"Prüfen, ob Arrays die gleichen Inhalte haben"}} javascript/arith_ops -.-> lab-28164{{"Prüfen, ob Arrays die gleichen Inhalte haben"}} javascript/comp_ops -.-> lab-28164{{"Prüfen, ob Arrays die gleichen Inhalte haben"}} javascript/cond_stmts -.-> lab-28164{{"Prüfen, ob Arrays die gleichen Inhalte haben"}} javascript/loops -.-> lab-28164{{"Prüfen, ob Arrays die gleichen Inhalte haben"}} javascript/higher_funcs -.-> lab-28164{{"Prüfen, ob Arrays die gleichen Inhalte haben"}} javascript/spread_rest -.-> lab-28164{{"Prüfen, ob Arrays die gleichen Inhalte haben"}} end

Prüfen auf gleiche Inhalte in Arrays

Um zu prüfen, ob zwei Arrays die gleichen Elemente enthalten, unabhängig von der Reihenfolge, folgen Sie diesen Schritten:

Öffnen Sie das Terminal/SSH und geben Sie node ein.
Verwenden Sie eine for...of-Schleife über einen Set, der aus den Werten beider Arrays erstellt wurde.
Verwenden Sie Array.prototype.filter(), um die Anzahl der Vorkommen jedes einzelnen Wertes in beiden Arrays zu vergleichen.
Geben Sie false zurück, wenn die Zählungen für irgendein Element nicht übereinstimmen, andernfalls true.

Hier ist der Code dazu:

const haveSameContents = (a, b) => {
  for (const v of new Set([...a, ...b]))
    if (a.filter((e) => e === v).length !== b.filter((e) => e === v).length)
      return false;
  return true;
};

Um die Funktion zu testen, verwenden Sie folgenden Code:

haveSameContents([1, 2, 4], [2, 4, 1]); // true

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Prüfen, ob Arrays die gleichen Inhalte haben" abgeschlossen. Sie können in LabEx weitere Labs ausprobieren, um Ihre Fähigkeiten zu verbessern.