Ein bestimmtes Element aus einem Array entfernen
Arrays gehören zu den Grundlagen von JavaScript. Trotzdem stolpert man immer wieder über dieselbe Frage: Wie entferne ich ein bestimmtes Element aus einem Array? Die Antwort hängt davon ab, ob du:
- das Original-Array verändern willst
- oder lieber ein neues Array erzeugst
Beides ist legitim, wichtig ist, den Unterschied zu kennen.
Die empfohlene Lösung: filter
Der sauberste und meist empfohlene Weg nutzt Array.prototype.filter.
const array = [1, 2, 3, 4, 5];
const valueToRemove = 3;
const result = array.filter(item => item !== valueToRemove);
Ergebnis:
[1, 2, 4, 5];
Warum filter so gut ist
- verändert das ursprüngliche Array nicht
- ist gut lesbar
- funktioniert zuverlässig für primitive Werte
Gerade in modernen JavaScript-Codebases ist das der bevorzugte Ansatz.
Wenn du das Array direkt verändern willst: splice
Manchmal soll das ursprüngliche Array angepasst werden. Dann bietet sich splice an.
const array = [1, 2, 3, 4, 5];
const index = array.indexOf(3);
if (index !== -1) {
array.splice(index, 1);
}
Nach dem Aufruf enthält array:
[1, 2, 4, 5];
Wichtig
- splice verändert das bestehende Array
- der Index muss vorher bekannt sein
- vorsichtig einsetzen, z. B. bei State-Management
Objekte aus Arrays entfernen
Bei Arrays mit Objekten funktioniert filter ebenfalls hier wird meist über eine Eigenschaft gefiltert:
const users = [
{ id: 1, name: 'oliver' },
{ id: 2, name: 'conny' },
{ id: 3, name: 'fabio' },
];
const result = users.filter(user => user.id !== 2);
Ergebnis:
[
{ id: 1, name: 'oliver' },
{ id: 3, name: 'fabio' },
];
Fazit
Ein Element aus einem Array zu entfernen ist in JavaScript kein Sonderfall aber die Wahl der Methode macht einen großen Unterschied.
Anderes Thema: Wenn du rausfinden möchtest wie du den ersten Buchstaben eines Strings großschreibst, schau dir auch mein Tutorial dazu an.
