4 Möglichkeiten zum Entfernen eines bestimmten Elements aus einem JavaScript-Array

Arrays sind eine der üblichen Datenstrukturen, mit denen Sie in JavaScript interagieren. Beim Entfernen eines Elements aus einem Array stehen Ihnen verschiedene Methoden zur Verfügung. Es hängt alles davon ab, wo sich das Element befindet, das Sie entfernen möchten, und wie Sie es identifizieren möchten.

Sehen Sie sich die verschiedenen Möglichkeiten zum Entfernen eines JavaScript-Array-Elements an, sei es am Anfang, am Ende oder irgendwo dazwischen.

1. Entfernen Sie das erste Element aus einem Array

Um das erste Element in einem Array zu entfernen, verwenden Sie das integrierte JavaScript Schicht() Methode. Es funktioniert sofort, indem das Element entfernt und dann die Indizes aller verbleibenden Elemente verschoben werden.

Nach dem Entfernen des Elements gibt die shift-Methode es zurück. Das heißt, Sie können das entfernte Element einer anderen Variablen zuweisen und es später verwenden, wenn Sie möchten.

Hier ist wie:

konst demoArray = [1, 2, 3, 4, 5];
konst erstesElement = demoArray.shift();
Konsole.log (DemoArray); // Protokolle [2, 3, 4, 5]
Konsole.log (erstesElement); // protokolliert 1

2. Entfernen Sie das letzte Element aus einem Array

JavaScript hat eine eingebaute Pop() Methode zum Entfernen des letzten Elements in einem Array. Wie Schicht() Methode, Pop() gibt das entfernte Element aus dem Array zurück.

konst demoArray = [1, 2, 3, 4, 5];
konst letztesElement = demoArray.pop();
Konsole.log (DemoArray); // Protokolle [1, 2, 3, 4]
Konsole.log (letztesElement); // Protokolle 5

Shift und Pop sind zwei der häufigsten JavaScript-Array-Methoden, aber sie können dich nur so weit bringen. Abgesehen von diesen beiden gibt es mehrere Methoden, die Ihnen mehr Präzision bei den zu entfernenden Elementen geben.

3. Verwenden des Löschoperators

Alternativ können Sie JavaScripts verwenden löschen -Operator zum Löschen eines bestimmten Array-Elements an einem bestimmten Index. Im Gegensatz zu anderen Methoden, die wir uns zuvor angesehen haben, gibt es jedoch einen Haken.

Der löschen Der Operator entfernt nur den Wert und hinterlässt ein Array mit einer leeren Lücke an seinem Index. Die Länge des ursprünglichen Arrays bleibt jedoch gleich, auch wenn Sie das letzte Element löschen.

konst demoArray = [1, 2, 3, 4, 5];
löschen demoArray[2];
Konsole.log (demoArray[2]); // Protokolle undefiniert
Konsole.log (demoArray.länge); // Protokolle 5
Konsole.log (DemoArray); // Protokolle [1, 2, leer, 4, 5]

4. Entfernen Sie ein Array-Element nach Wert

Sie können auch ein bestimmtes Array-Element nach Wert löschen. Dafür gibt es keine integrierte Methode, aber Sie können zwei vorhandene Methoden kombinieren, um dies zu tun: Index von() Und spleißen().

Mit diesen beiden können Sie ein bestimmtes Element aus einem Array entfernen, ohne einen Index zu haben. Beginnen Sie zunächst damit, den Index des interessierenden Elements zu finden, indem Sie verwenden Index von():

konst demoArray = [1, 2, 3, 4, 5];
konst targetElementIndex = demoArray.indexOf(4);
Konsole.log (ZielElementIndex); // Protokolle 3

Die indexOf-Methode gibt den Index des ersten Vorkommens des von Ihnen angegebenen Werts zurück, auch wenn der Wert mehr als einmal vorhanden ist. Wenn es überhaupt kein passendes Element findet, gibt indexOf zurück -1.

Nachdem Sie nun den Index des Zielelements haben, können Sie die verwenden spleißen() Methode, um das Element an diesem Index zu löschen. Sie müssen lediglich den Index des Zielelements als erstes Argument übergeben, gefolgt von der Anzahl der Elemente, die Sie entfernen möchten.

Um nur ein einzelnes Element zu entfernen, übergeben Sie einen Wert von 1 als zweites Argument:

demoArray.spleiß (ZielElementIndex, 1);

Der spleißen() -Methode gibt ein Array der entfernten Elemente zurück und ändert das ursprüngliche Array von Elementen, genau wie Schicht() Und Pop().

Wenn einige dieser Methoden für Sie neu sind, sehen Sie sich unsere an Vollständiger JavaScript-Cheatsheet. Es enthält alle Array-Methoden, die Ihnen zur Verfügung stehen, nicht nur zum Entfernen, sondern auch für andere Operationen wie das Hinzufügen, Schleifen, Umkehren und Filtern von Elementen.

Arbeiten Sie mit JavaScript-Arrays wie ein Profi

Zu wissen, wie man mit Arrays in JavaScript arbeitet, ist für alle Webentwickler unerlässlich, da man ihnen so häufig begegnet.

Die Schlüsselkonzepte, die es zu beherrschen gilt, sind all die integrierten Methoden, die Ihnen zur Verfügung stehen und die Ihnen bei der Arbeit mit Arrays bei fast allem helfen können.