𝗔𝗿𝗿𝗮𝘆𝘀 𝗶𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁

Arrays speichern mehrere Werte in einer einzigen Variable. Sie halten Daten in einer bestimmten Reihenfolge organisiert.

Ohne Arrays müssen Sie für jedes Element eine separate Variable erstellen. Dies wird immer schwieriger zu verwalten, wenn Ihre Daten wachsen. Mit Arrays gruppieren Sie alles zusammen.

Häufige Anwendungsfälle für Arrays:

  • Listen von Studentennamen
  • Produktlisten
  • Warenkorb-Elemente
  • Mobilfunknummern

So funktionieren Arrays: Arrays verwenden Indizes, um Elemente zu finden. Das erste Element befindet sich immer am Index 0.

Beispiel: let fruits = ["Apple", "Banana", "Orange"];

  • fruits[0] ist "Apple"
  • fruits[1] ist "Banana"
  • fruits[2] ist "Orange"

Wichtige Array-Methoden:

Hinzufügen und Entfernen:

  • push(): Element am Ende hinzufügen.
  • pop(): Element am Ende entfernen.
  • unshift(): Element am Anfang hinzufügen.
  • shift(): Element am Anfang entfernen.
  • splice(): Elemente an einer beliebigen Position hinzufügen oder entfernen.

Extrahieren und Suchen:

  • slice(): Einen Teil des Arrays kopieren.
  • indexOf(): Die Position eines Elements finden.
  • includes(): Prüfen, ob ein Element existiert.
  • find(): Das erste Element zurückgeben, das eine Bedingung erfüllt.

Daten transformieren:

  • map(): Jedes Element im Array verändern.
  • filter(): Nur Elemente behalten, die eine Bedingung erfüllen.
  • reduce(): Alle Elemente zu einem einzigen Wert kombinieren.
  • sort(): Elemente in eine Reihenfolge bringen.
  • reverse(): Die Reihenfolge der Elemente umkehren.

Array vs. Objekt:

  • Arrays verwenden Zahlen (Indizes), um Daten zu finden. Sie eignen sich am besten für Listen.
  • Objekte verwenden Schlüssel (Keys), um Daten zu finden. Sie eignen sich am besten zur Beschreibung einer einzelnen Entität.

Beispiel:

  • Array: ["Rot", "Blau", "Grün"]
  • Objekt: { color: "Rot", id: 1 }

Beherrschen Sie diese Methoden, um Daten in Ihrem Code effizient zu verarbeiten.

Quelle: https://www.geeksforgeeks.org/javascript/javascript-arrays/ Quelle: https://www.w3schools.com/js/js_arrays.asp

Vollständiger Leitfaden: https://dev.to/annapoo/arrays-in-javascript-2nb4