Element in einem Array umschalten

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 man mithilfe von JavaScript ein Element in einem Array umschaltet. Die toggleElement()-Funktion ermöglicht es Ihnen, ein Element aus einem Array zu entfernen, wenn es bereits darin enthalten ist, oder das Element zum Array hinzuzufügen, wenn es noch nicht vorhanden ist. Dieses Lab wird Ihnen helfen, zu verstehen, wie die includes()- und filter()-Methoden in Kombination mit dem Spread-Operator effizient Arrayelemente umschalten.


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") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28664{{"Element in einem Array umschalten"}} javascript/data_types -.-> lab-28664{{"Element in einem Array umschalten"}} javascript/arith_ops -.-> lab-28664{{"Element in einem Array umschalten"}} javascript/comp_ops -.-> lab-28664{{"Element in einem Array umschalten"}} javascript/higher_funcs -.-> lab-28664{{"Element in einem Array umschalten"}} javascript/spread_rest -.-> lab-28664{{"Element in einem Array umschalten"}} end

Wie man ein Element in einem Array umschaltet

Um ein Element in einem Array umzuschalten, folgen Sie diesen Schritten:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
  2. Überprüfen Sie, ob das gegebene Element im Array vorhanden ist, indem Sie Array.prototype.includes() verwenden.
  3. Wenn das Element im Array vorhanden ist, verwenden Sie Array.prototype.filter(), um es zu entfernen.
  4. Wenn das Element nicht im Array vorhanden ist, verwenden Sie den Spread-Operator (...), um es hinzuzufügen.
  5. Verwenden Sie die toggleElement-Funktion, die ein Array und einen Wert akzeptiert, um das Element im Array umzuschalten.
const toggleElement = (arr, val) =>
  arr.includes(val) ? arr.filter((el) => el !== val) : [...arr, val];

toggleElement([1, 2, 3], 2); // [1, 3]
toggleElement([1, 2, 3], 4); // [1, 2, 3, 4]

Indem Sie diese Schritte befolgen, können Sie mit JavaScript leicht ein Element in einem Array umschalten.

Zusammenfassung

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