JQuery-Traverse-Array löschen

Mit der Entwicklung der Front-End-Technologie ist JavaScript zu einer sehr beliebten Programmiersprache geworden. Eine der am häufigsten verwendeten Bibliotheken ist jquery. Die Stärke von Jquery liegt in seiner Einfachheit und Praktikabilität. Die prägnanten Anweisungen von jquery ermöglichen es uns, mehr Arbeit in JavaScript zu erledigen. In diesem Artikel diskutieren wir hauptsächlich, wie JQuery ein Array durchläuft und Elemente löscht.

Lassen Sie uns zunächst verstehen, wie jquery ein Array durchläuft. In jquery gibt es eine Funktion every(), die über jedes iterierbare Objekt iterieren kann.

Wenn wir beispielsweise ein Array arr haben, können wir mit der folgenden Methode über das Array iterieren:

$.each(arr, function (index, item) {
    // do something with the item
});

Im obigen Code akzeptiert die Funktion $.each() zwei Parameter, der erste ist das zu durchlaufende Objekt , und die zweite ist eine Rückruffunktion. Die Rückruffunktion wird bei jeder Iteration aufgerufen. In der Rückruffunktion stellt der Parameterindex die Indexposition der aktuellen Iteration dar und das Parameterelement repräsentiert das Element der aktuellen Iteration. Sie können in die Rückruffunktion eine Logik schreiben, um jedes iterierte Element zu verarbeiten.

Lassen Sie uns vorstellen, wie Sie mithilfe von JQuery Elemente aus einem Array löschen.

So löschen Sie ein einzelnes Element

Wenn Sie ein bestimmtes Element aus dem Array löschen möchten, können Sie den folgenden Code verwenden:

$.each(array, function(index, item) {
  if (item === targetItem) {
    array.splice(index, 1);
    return false;
  }
});

Dieser Code verwendet die Funktion every(), um über das Array zu iterieren und wann es das findet Element, das Sie löschen möchten, verwenden Sie die Funktion splice(), um das Element zu löschen. Die Funktion splice() ist eine von JavaScript bereitgestellte Methode zum Löschen von Array-Elementen. Sie akzeptiert zwei Parameter: die Position des zu löschenden Elements und die Anzahl der zu löschenden Elemente. Hier setzen wir die Anzahl der zu löschenden Elemente auf 1, da wir nur ein einzelnes Element löschen möchten.

Wir haben return false in der Callback-Funktion verwendet, um die Funktion $.each() dazu zu bringen, die Iteration des Arrays zu stoppen. Dies liegt daran, dass wir nur ein Element löschen möchten. Wenn wir die Iteration nicht unterbrechen, wird der Code weiter ausgeführt und andere Elemente gelöscht, die mit dem Zielelement identisch sind.

So entfernen Sie mehrere Elemente

Wenn Sie mehrere Elemente aus einem Array entfernen möchten, können Sie den folgenden Code verwenden:

var itemsToRemove = [targetItem1, targetItem2, targetItem3];
$.each(array, function(index, item) {
  if ($.inArray(item, itemsToRemove) !== -1) {
    array.splice(index, 1);
    return false;
  }
});

In diesem Beispiel haben wir ein Array namens „itemsToRemove“ erstellt, das die zu entfernenden Elemente enthält. Wir verwenden die Funktion $.each(), um das Array zu durchlaufen, und wenn wir das Element finden, das wir löschen möchten, verwenden wir die Funktion splice(), um das Element zu löschen.

Ähnlich wie im vorherigen Beispiel verwenden wir return false, um die Iteration zu unterbrechen und die Fortsetzung der Suche zu beenden.

Es ist zu beachten, dass wir in diesem Beispiel die von jquery bereitgestellte Funktion inArray() verwenden, um herauszufinden, ob das Array das angegebene Element enthält. Wenn das Element ein Objekt ist, müssen Sie $.inArray() in der Funktion inArray() verwenden, da JavaScript in diesem Fall das Objekt in einen String umwandelt.

Zusammenfassung

In diesem Artikel haben wir JQuery-Methoden zum Durchlaufen von Arrays und das Löschen von Elementen in einem Array mit JQuery besprochen. Beim Durchlaufen des Arrays können wir die Funktion every() verwenden, um auf jedes Element zuzugreifen, und die Funktion splice() verwenden, um den Vorgang abzuschließen, wenn wir ein Element entfernen müssen. Darüber hinaus können wir auch die von jquery bereitgestellte Funktion inArray() verwenden, um Elemente im Array zu finden. Diese Techniken können es uns ermöglichen, JavaScript-Arrays effizienter zu betreiben und so unsere Entwicklungseffizienz zu verbessern.

Das obige ist der detaillierte Inhalt vonJQuery-Traverse-Array löschen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!