Heim >Web-Frontend >js-Tutorial >Wie entferne ich Elemente sicher aus einem Array, während ich in JavaScript iteriere?

Wie entferne ich Elemente sicher aus einem Array, während ich in JavaScript iteriere?

Susan Sarandon
Susan SarandonOriginal
2024-12-23 19:02:11403Durchsuche

How to Safely Remove Items from an Array While Iterating in JavaScript?

Arrays durchlaufen und Elemente entfernen, ohne die Schleife zu unterbrechen

Beim Entfernen von Elementen aus einem Array innerhalb einer Schleife kann ein Problem auftreten, bei dem splice() nachfolgende Elemente rendert unzugänglich. Dies liegt daran, dass splice() das Array neu indiziert und möglicherweise Elemente überspringt.

Problem:

Im folgenden Beispiel wird „Sekunden“ dekrementiert und das Element dann basierend auf gespleißt sein negativer Wert verursacht ein Undefiniertes Fehler:

for (i = 0, len = Auction.auctions.length; i < len; i++) {
    auction = Auction.auctions[i];
    Auction.auctions[i]['seconds'] --;
    if (auction.seconds < 0) { 
        Auction.auctions.splice(i, 1);
    }           
}

Lösung:

Um dieses Problem zu beheben, ziehen Sie zwei Ansätze in Betracht:

  1. Dekrementieren Index nach Splice(): Nachdem Sie ein Element mit splice() entfernt haben, dekrementieren Sie „i“, um es anzupassen Neuindizierung:

    for (i = 0, len = Auction.auctions.length; i < len; i++) {
        auction = Auction.auctions[i];
        Auction.auctions[i]['seconds'] --;
        if (auction.seconds < 0) { 
            Auction.auctions.splice(i, 1);
            i--;
        }           
    }
  2. In umgekehrter Reihenfolge iterieren: Starten Sie die Schleife mit dem letzten Index und iterieren Sie in umgekehrter Reihenfolge:

    var i = Auction.auctions.length
    while (i--) {
        ...
        if (...) { 
            Auction.auctions.splice(i, 1);
        } 
    }

Auf diese Weise wirkt sich die Neuindizierung nur auf nachfolgende Elemente aus, sodass eine Endlosschleife möglich ist.

Das obige ist der detaillierte Inhalt vonWie entferne ich Elemente sicher aus einem Array, während ich in JavaScript iteriere?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn