JavaScript-Arraymethoden
Einführung
JavaScript-Arrays sind ein zentrales Feature in der Webentwicklung und bieten eine Vielzahl von Funktionen. Dieser umfassende Leitfaden untersucht essentielle Array-Methoden und bietet Anfängern ein gründliches Verständnis sowie praktische Codebeispiele.
JavaScript-Arrays verstehen
Arrays in JavaScript werden verwendet, um mehrere Werte in einer einzigen Variable zu speichern. Diese Struktur ist ideal für die Verwaltung von Datensammlungen verschiedener Typen.
Ein Array erstellen
let fruits = ["Apple", "Banana", "Cherry"];Dieses Snippet zeigt die Erstellung eines Arrays namens fruits.
Auf Array-Elemente zugreifen
Elemente in einem Array werden über ihren Index abgerufen, beginnend bei 0.
Kern-Array-Methoden
| Funktion | Beschreibung |
|---|---|
push() | Fügt einem Array ein oder mehrere Elemente am Ende hinzu und gibt die neue Länge des Arrays zurück. |
pop() | Entfernt das letzte Element aus einem Array und gibt dieses Element zurück. |
shift() | Entfernt das erste Element aus einem Array und gibt dieses Element zurück. |
unshift() | Fügt einem Array ein oder mehrere Elemente am Anfang hinzu und gibt die neue Länge des Arrays zurück. |
forEach() | Führt eine bereitgestellte Funktion einmal für jedes Array-Element aus. |
map() | Erstellt ein neues Array, das mit den Ergebnissen der Aufrufe einer bereitgestellten Funktion für jedes Element im aufrufenden Array gefüllt ist. |
filter() | Erstellt ein neues Array mit allen Elementen, die den Test der bereitgestellten Funktion bestehen. |
reduce() | Wendet eine Funktion auf einen Akkumulator und jedes Element im Array (von links nach rechts) an, um es auf einen einzigen Wert zu reduzieren. |
slice() | Gibt eine flache Kopie eines Teils eines Arrays in ein neues Array-Objekt zurück, das von Start bis Ende ausgewählt wurde (Ende nicht eingeschlossen). |
splice() | Ändert den Inhalt eines Arrays, indem vorhandene Elemente entfernt oder ersetzt und/oder neue Elemente an Ort und Stelle hinzugefügt werden. |
find() | Gibt den Wert des ersten Elements im bereitgestellten Array zurück, das die bereitgestellte Testfunktion erfüllt. |
findIndex() | Gibt den Index des ersten Elements im Array zurück, das die bereitgestellte Testfunktion erfüllt. |
some() | Prüft, ob mindestens ein Element im Array den Test der bereitgestellten Funktion besteht. |
every() | Prüft, ob alle Elemente im Array den Test der bereitgestellten Funktion bestehen. |
includes() | Bestimmt, ob ein Array einen bestimmten Wert unter seinen Einträgen enthält, und gibt je nach Bedarf true oder false zurück. |
indexOf() | Gibt den ersten Index zurück, an dem ein angegebenes Element im Array gefunden werden kann, oder -1, wenn es nicht vorhanden ist. |
concat() | Wird verwendet, um zwei oder mehr Arrays zusammenzuführen. Diese Methode ändert die vorhandenen Arrays nicht, sondern gibt ein neues Array zurück. |
Elemente hinzufügen und entfernen
push()
Fügt Elemente am Ende eines Arrays hinzu.
unshift()
Fügt Elemente am Anfang ein.
pop()
Entfernt das letzte Element.
shift()
Entfernt das erste Element.
Elemente finden
indexOf()
Findet den Index eines Elements.
includes()
Prüft, ob ein Element existiert.
Iterieren und Transformieren
forEach()
Führt eine Funktion für jedes Element aus.
map()
Erstellt ein neues Array durch Anwenden einer Funktion.
filter()
Erstellt ein neues Array mit Elementen, die eine Bedingung erfüllen.
reduce()
Reduziert das Array auf einen einzelnen Wert.
Weitere Methoden
fill()
Füllt alle Elemente mit einem statischen Wert.
reverse()
Kehrt die Reihenfolge der Elemente um.
sort()
Sortiert die Elemente alphabetisch oder nach einer benutzerdefinierten Funktion. Hinweis: Beim Sortieren von Zahlen sollte immer eine Vergleichsfunktion angegeben werden, um falsche Ergebnisse zu vermeiden (z. B. wird 10 standardmäßig vor 2 sortiert).
splice()
Fügt/entfernt Elemente aus einem Array.
slice()
Extrahiert einen Abschnitt eines Arrays.
concat()
Führt zwei oder mehr Arrays zusammen.
toSorted()
Erstellt eine sortierte Kopie des Arrays.
toSpliced()
Erstellt eine Kopie mit hinzugefügten/entfernten angegebenen Elementen.
Fazit
Das Verständnis und die Nutzung von JavaScript-Array-Methoden sind entscheidend für eine effiziente Datenmanipulation. Durch die Beherrschung dieser Methoden können Entwickler ihre Programmierfähigkeiten in JavaScript erheblich verbessern und den Weg für fortgeschrittenere Programmiertechniken ebnen.
Praxis
Welche der folgenden Array-Methoden können in JavaScript verwendet werden, um Elemente zu einem Array hinzuzufügen und daraus zu entfernen?