So beenden Sie die aktuelle Schleife in jquery

jQuery ist die am häufigsten verwendete JavaScript-Bibliothek. Sie vereinfacht viele mühsame Vorgänge in der JavaScript-Entwicklung und bietet eine umfangreiche API, die es Entwicklern erleichtert, DOM zu bedienen, Eigenschaften, Ereignisverarbeitung, Animationseffekte usw. zu bedienen.

In jQuery gibt es zwei häufig verwendete Schleifenstrukturen: eine ist $.each() und die andere ist $.map(). Während des Schleifenprozesses dieser beiden Schleifenstrukturen ist es manchmal erforderlich, die Schleife vorzeitig zu beenden, also aus der aktuellen Schleife zu springen, um den Code effizienter auszuführen. In diesem Artikel erfahren Sie, wie Sie die aktuelle Schleife beenden und wie Sie diese Funktion implementieren.

1. Die $.each()-Schleife endet

$.each() ist eine Methode zum Durchlaufen von jQuery-Objekten und kann nicht direkt auf ein Objekt zugreifen Verwenden Sie den Kontextzugriff.

In der $.each()-Schleife können Sie die Anweisung return false; verwenden, um die Schleife zu beenden. Diese Anweisung beendet die Schleife und überspringt den Rest des Codes. Zum Beispiel der folgende Code:

$.each([1, 2, 3, 4], function (index, value) {
  console.log(value);
  if (value === 3) {
    return false;
  }
});

Das Ausgabeergebnis ist:

1
2
3

Wenn die return false;-Anweisung in $.each() ausgeführt wird, wird die Schleife beendet und der folgende Code ignoriert, die Zahl 4 also nicht Ausgabe.

2. Ende der $.map()-Schleife

Die Methode $.map() ist eine Konvertierungsmethode, die den Rückgabewert aus jedem Element extrahiert, indem sie die angegebene Funktion ausführt und ein neues Array zurückgibt. Die $.map()-Schleife kann auch die Return-Anweisung verwenden, um die Schleife zu beenden.

Wenn die Return-Anweisung in der $.map()-Schleife verwendet wird, wird die Schleife nicht wie bei $.each() beendet. Es beendet lediglich die aktuelle Schleife und führt die Ausführung des folgenden Codes bis zum Ende der Schleife fort. Zum Beispiel der folgende Code:

$.map([1, 2, 3, 4], function (value, index) {
  console.log(value);
  if (value === 3) {
    return;
  }
});

Das Ausgabeergebnis ist:

1
2
3
4

Wenn die Return-Anweisung in $.map() ausgeführt wird, wird die Nummer 3 übersprungen und die Schleife fortgesetzt. Das ist der Unterschied.

3. Zusammenfassung

In der JavaScript-Entwicklung war die Optimierung von Schleifenstrukturen schon immer ein sehr wichtiges Thema. Wenn eine bestimmte Bedingung ausgeführt wird, ist es manchmal notwendig, die Schleife vorzeitig zu beenden, um die Codeeffizienz zu verbessern. In jQuery kann ein vorzeitiges Beenden der Schleife durch die return-Anweisung der Methoden $.each() und $.map() erreicht werden.

Wenn Sie die Methode $.each() verwenden, müssen Sie nur die Anweisung return false innerhalb der Schleife verwenden. Wenn Sie die Methode $.map() verwenden, können Sie mit der Return-Anweisung die aktuelle Schleife überspringen und den folgenden Code bis zum Ende der Schleife weiter ausführen.

Allerdings verringert die häufige Verwendung von Sprunganweisungen die Lesbarkeit des Codes und macht den Code komplex und schwer verständlich. Daher sollten wir diese Anweisungen in der tatsächlichen Entwicklung mit Vorsicht verwenden, um den Code besser zu pflegen.

Das obige ist der detaillierte Inhalt vonSo beenden Sie die aktuelle Schleife in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!