Objekt aus einem Array in JavaScript entfernen in

Ashok Chapagai 12 Oktober 2023
  1. Verwenden Sie die Methode splice(), um ein Objekt aus einem Array in JavaScript zu entfernen
  2. Verwenden der Methode slice() zum Entfernen eines Objekts aus einem Array in JavaScript
  3. Verwenden Sie die Methode filter(), um ein Objekt aus einem Array zu entfernen
Objekt aus einem Array in JavaScript entfernen in

In diesem Artikel erfahren Sie, wie Sie ein Objekt aus einem JavaScript-Array entfernen. Der Artikel wird Methoden wie splice(), slice() und filter() vorstellen und implementieren.

Verwenden Sie die Methode splice(), um ein Objekt aus einem Array in JavaScript zu entfernen

Die Methode splice() ist möglicherweise die beste Methode, die wir verwenden können, um das Objekt aus einem Array zu entfernen. Es ändert den Inhalt eines Arrays, indem vorhandene Elemente entfernt oder ersetzt oder neue Elemente hinzugefügt werden. Die Syntax für die Methode splice() ist unten dargestellt.

Array.splice(index, count, items1, ..., itemX)

Die Option index bezieht sich auf eine ganze Zahl, die angibt, an welcher Position Elemente hinzugefügt/entfernt werden sollen. Wir können auch negative Werte verwenden, um die Position vom Ende des Arrays anzugeben. Die Option count ist optional und gibt die Anzahl der zu entfernenden Elemente an. Die Option items1, ..., itemX ist ebenfalls optional und kann verwendet werden, um dem Array neue Elemente hinzuzufügen.

Zuerst deklarieren wir eine Array-Variable namens myArray, die drei Objekte im Array enthält. Dann verwenden wir in der zweiten Zeile die Methode splice() für das Array. Als Argumente geben wir auch 0 und 1 an. Dann loggen wir das Array in der Konsole ein.

Anfänglich enthält das Array drei Objekte. Der Wert 0 in der Methode splice() gibt den ersten Index des Arrays, also das erste Objekt an. Dies bedeutet, dass wir mit dem Entfernen aus dem ersten Index beginnen. Der nächste Wert 1 in der Methode gibt an, dass die Methode ein Element vom Startpunkt entfernt. Im folgenden Beispiel wird daher das erste Objekt im Array entfernt.

Wir sollten beachten, dass die Methode splice() das Array modifiziert; Daher können wir die Methode slice() verwenden, um das gewünschte Objekt aus dem Array zu entfernen, ohne das ursprüngliche Array zu ändern.

Codebeispiel:

var myArray =
    [{id: 1, name: 'John'}, {id: 2, name: 'Rick'}, {id: 3, name: 'Anna'}];
myArray.splice(0, 1)
console.log(myArray)

Ausgabe:

[{id:2, name:'Rick'},{id:3, name:'Anna'}]

Verwenden der Methode slice() zum Entfernen eines Objekts aus einem Array in JavaScript

Die Methode slice() gibt die modifizierte Kopie des Teils des ausgewählten Arrays vom Anfang bis zum Ende zurück, aber der an die Methode übergebene Endindex wird nicht eingeschlossen. Die Syntax für die Methode slice() ist unten.

Array.slice(startIndex, endIndex)

Hier ist startIndex der nullbasierte Index, von dem aus wir die Extraktion starten. Es kann ein negativer Index verwendet werden, der einen Offset vom Ende der Sequenz anzeigt. Zum Beispiel extrahiert slice(-3) die letzten drei Elemente der Sequenz. Ist startIndex undefiniert, startet die Funktion slice() bei Index 0, ist startIndex grösser als der Indexbereich des Arrays, wird ein leeres Array zurückgegeben.

Die Option endIndex ist ebenfalls ein nullbasierter Index, vor dem die Extraktion beendet wird. Die Methode slice() extrahiert bis zum endIndex, beinhaltet aber den endIndex selbst. Wird die Option endIndex ausgeschlossen, extrahiert die Funktion slice() bis zum Ende der Sequenz, also bis zur array.length. Ist endIndex grösser als die Länge der Sequenz, extrahiert die Funktion slice() ebenfalls bis zum Ende der Sequenz.

Die Methode slice(1,3) im folgenden Beispiel extrahiert die Elemente vom zweiten Index bis zum vierten Index. Da das Array keinen vierten Index enthält, werden die Elemente bis zum Ende der Sequenz extrahiert.

Codebeispiel:

var myArray =
    [{id: 1, name: 'Morty'}, {id: 2, name: 'Rick'}, {id: 3, name: 'Anna'}];
var newArray = myArray.slice(1, 3);
console.log(newArray)

Ausgabe:

[{id:2, name:'Rick'},{id:3, name:'Anna'}]

Verwenden Sie die Methode filter(), um ein Objekt aus einem Array zu entfernen

Die Methode filter() erstellt ein neues Array mit den Elementen, die den von der Funktion bereitgestellten Test bestehen. Dies bedeutet, dass ein neues Array von Objekten zurückgegeben wird. Wenn kein Element den Test besteht, gibt die Funktion ein leeres Array zurück. Wir verwenden die Pfeilfunktion, um die Methode filter() zu demonstrieren.

Die Methode filter() verwendet eine Terminologie namens Callback-Funktion, die wie folgt aussieht:

var newArray = myArray.filter(
    (element, index, array) => {
        ...Items passing this condition will be added to the new array...})

Die Methode akzeptiert drei Argumente. Die Option element ist das aktuell verarbeitete Element im Array. Der index ist optional und gibt den Index des aktuellen Elements an, das im Array verarbeitet wird. Schließlich ist die Option array der aufgerufene und optionale Array-Filter.

Erstellen Sie zunächst ein Array mit Objekten, wie in den obigen Methoden beschrieben. Rufen Sie dann die Funktion filter() mit der Array-Variablen auf. Geben Sie item als Argument der Pfeilfunktion an und geben Sie die Elemente des Arrays mit dem Ausdruck item.id ! == 1. Speichern Sie das neue Array in der Variablen newArray und loggen Sie es in die Konsole ein.

Das folgende Beispiel gibt nur das Element des Arrays zurück, dessen id ungleich dem Wert 1 ist. Somit gibt es das zweite und das dritte Element des Arrays zurück.

Beispielcode:

var myArray =
    [{id: 1, name: 'Morty'}, {id: 2, name: 'Rick'}, {id: 3, name: 'Anna'}];
var newArray = myArray.filter((item) => item.id !== 1);
console.log(newArray);

Ausgabe:

[{id:2, name:'Rick'},{id:3, name:'Anna'}]
Ashok Chapagai avatar Ashok Chapagai avatar

Ashok is an avid learner and senior software engineer with a keen interest in cyber security. He loves articulating his experience with words to wider audience.

LinkedIn GitHub

Verwandter Artikel - JavaScript Array