Wie kann ich die forEach()-Methode in JavaScript stoppen?
In JavaScript können Programmierer die Methode forEach() verwenden, um ein Array von Elementen zu durchlaufen. Wir können die Callback-Funktion aufrufen und sie für jedes Array-Element als Argument an die forEach()-Methode übergeben.
Manchmal müssen wir möglicherweise die forEach()-Schleife stoppen, nachdem wir die Rückruffunktion ausgeführt haben. Wir können das Schlüsselwort „break“ in einer normalen Schleife verwenden, um sie wie unten gezeigt zu stoppen.
for(let i = 0; i < length; i++){
// code
if( some condition ){
break;
}
}
Aber wir können das Schlüsselwort „break“ nicht in der forEach()-Methode verwenden.
array.forEach(element => {
// code
if( some condition ){
break;
}
});
Der obige Code stoppt die Ausführung der forEach()-Schleife nicht.
In diesem Tutorial erfahren Sie, wie Sie eine forEach()-Schleife in JavaScript stoppen können.
Verwenden Sie das Schlüsselwort „return“
Das Schlüsselwort return stoppt die Ausführung von Code. In der forEach()-Schleife wird es als continue-Anweisung verwendet.
Grammatik
Benutzer können das Schlüsselwort return gemäß der folgenden Syntax verwenden, um die Ausführung der Methode forEach() zu stoppen.
array.forEach(function (element, index) {
if (condition) {
return;
}
});
Wenn in der obigen Syntax die Bedingung wahr wird, wird der Code der Rückruffunktion des Elements nicht ausgeführt.
Die chinesische Übersetzung vonBeispiel 1
lautet:Beispiel 1
Im folgenden Beispiel verwenden wir die Methode forEach() mit dem Array von Zeichenfolgen. Wir rufen die Rückruffunktion auf, die jedes Element ausgibt, wenn der Index > Funktion. Das Element wird also nicht gedruckt.
<html>
<body>
<h2 id="Using-the-i-return-keyword-i-to-stop-the-execution-of-the-forEach-loop">Using the <i>return keyword</i> to stop the execution of the forEach() loop.</h2>
<div id = "output"> </div>
<script>
let output = document.getElementById('output');
let array = ["string1", "string2", 10, 20, false, true];
function callback(element, index) {
// stop execution of for-loop
if (index > 2) {
return; // works like a continue statement
}
output.innerHTML += "The array element is " + element + "<br/>";
}
array.forEach(callback);
</script>
</body>
</html>
Das Schlüsselwort „return“ unterbricht die forEach()-Methode nicht, fungiert aber als Fortsetzungsschlüsselwort, wenn die Bedingung wahr ist.
Stoppen Sie die forEach()-Schleife, indem Sie eine Ausnahme auslösen
Eine andere Möglichkeit, die Ausführung der forEach()-Schleife zu stoppen, ist die Verwendung einer Try-Catch-Anweisung. Wenn wir die Ausführung der forEach()-Methode stoppen möchten, können wir einen Fehler auslösen. Darüber hinaus können wir Fehler in einem „catch“-Block abfangen. Wir können jeden Code ausführen, den wir nach der forEach()-Methode im „finally“-Block ausführen müssen.
Grammatik
Benutzer können die try-catch-Anweisung gemäß der folgenden Syntax verwenden, um die forEach()-Methode zu stoppen.
try {
array.forEach((ele) => {
if (condition) {
throw new Error("Break the loop.")
}
})
} catch (error) {
}
In der obigen Syntax haben wir das Schlüsselwort throw verwendet, um die Ausnahme auszulösen und die forEach()-Methode zu unterbrechen.
Die chinesische Übersetzung vonBeispiel 2
lautet:Beispiel 2
Im folgenden Beispiel haben wir die Methode forEach() mit einer Try-Catch-Anweisung verwendet. In der Rückruffunktion der forEach()-Methode prüfen wir den Elementtyp und geben einen Fehler aus, wenn wir ein Element vom Typ „Zahl“ finden.
Also wird die Ausführung der forEach()-Methode gestoppt.
<html>
<body>
<h2 id="Using-the-i-try-catch-statement-i-to-stop-the-execution-of-the-forEach-loop">Using the <i>try-catch statement</i> to stop the execution of the forEach() loop.</h2>
<div id = "output"> </div>
<script>
let output = document.getElementById('output');
let array = ["Cpp", "c", "Java", "JavaScript", 06, true, 43, false];
try {
array.forEach((ele) => {
if (typeof ele == "number") {
throw new Error("Break the loop.")
}
output.innerHTML += "Element value is " + ele + "<br/>";
})
} catch (error) {
output.innerHTML += "Exception thrown from the forEach loop. " + error;
}
</script>
</body>
</html>
In der obigen Ausgabe können Benutzer beobachten, dass das Drucken der Elemente gestoppt wird, nachdem das Element vom Typ „Zahl“ im Array gefunden wurde.
Verwenden Sie ein normales for-Schleifen- und Break-Schlüsselwort
Die beste Lösung, um die Ausführung der forEach()-Methode zu stoppen, besteht darin, die forEach()-Schleife durch eine normale for-Schleife zu ersetzen und die Ausführung mit dem Schlüsselwort break zu stoppen.
Grammatik
Benutzer können der folgenden Syntax folgen, um die for-Schleife mit dem Schlüsselwort break zu verwenden.
for ( ){
if (condition) {
break;
}
}
In der obigen Syntax verwenden wir das Schlüsselwort break, um die Ausführung der for-Schleife zu stoppen, wenn eine bestimmte Bedingung wahr wird.
Die chinesische Übersetzung vonBeispiel 3
lautet:Beispiel 3
Im folgenden Beispiel haben wir ein Array definiert, das verschiedene Werte enthält. Wir verwenden eine normale for-Schleife, um das Array zu durchlaufen, und wenn der Wert des Arrays größer als 30 ist, verwenden wir das Schlüsselwort break, um die Ausführung der for-Schleife zu stoppen.
<html>
<body>
<h2 id="Using-the-normal-for-loop-with-break-keyword-to-stop-the-execution-of-for-loop">Using the normal for-loop with break keyword to stop the execution of for-loop. </h2>
<div id = "output"> </div>
<script>
let output = document.getElementById('output');
let arrayElements = [10, 20, 30, 40, 50, 60, 70, 80, 90];
output.innerHTML += "Some array elements are "
for (let k = 0; k < arrayElements.length; k++) {
if (arrayElements[k] > 30) {
break;
}
output.innerHTML += arrayElements[k] + " , ";
}
</script>
</body>
</html>
Methode. Die erste Methode unterbricht die Schleife nicht, sondern fungiert als „continue“-Anweisung. Die zweite Methode verwendet eine Try-Catch-Anweisung, um die forEach()-Methode zu unterbrechen. In der tatsächlichen Entwicklung können wir keine Fehler auslösen, um die forEach()-Schleife zu unterbrechen. Daher werden die erste und zweite Methode nicht empfohlen.
In der dritten Methode ersetzen wir die forEach()-Methode durch eine normale for-Schleife und verwenden das Schlüsselwort break. Die dritte Methode funktioniert gut, aber eine normale for-Schleife kann beim Durchlaufen der Elemente langsamer sein als die forEach()-Methode. Daher können Benutzer auch die Methoden array.some() und array.each() ausprobieren, um die Leistung zu verbessern.
Das obige ist der detaillierte Inhalt vonWie kann ich die forEach()-Methode in JavaScript stoppen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1375
52
Ersetzen Sie Stringzeichen in JavaScript
Mar 11, 2025 am 12:07 AM
Detaillierte Erläuterung der Methode für JavaScript -Zeichenfolge und FAQ In diesem Artikel werden zwei Möglichkeiten untersucht, wie String -Zeichen in JavaScript ersetzt werden: Interner JavaScript -Code und interne HTML für Webseiten. Ersetzen Sie die Zeichenfolge im JavaScript -Code Die direkteste Möglichkeit ist die Verwendung der Ersatz () -Methode: str = str.replace ("find", "ersetzen"); Diese Methode ersetzt nur die erste Übereinstimmung. Um alle Übereinstimmungen zu ersetzen, verwenden Sie einen regulären Ausdruck und fügen Sie das globale Flag G hinzu:: STR = Str.Replace (/fi
Wie erstelle ich meine eigenen JavaScript -Bibliotheken?
Mar 18, 2025 pm 03:12 PM
In Artikel werden JavaScript -Bibliotheken erstellt, veröffentlicht und aufrechterhalten und konzentriert sich auf Planung, Entwicklung, Testen, Dokumentation und Werbestrategien.
Wie optimiere ich den JavaScript -Code für die Leistung im Browser?
Mar 18, 2025 pm 03:14 PM
In dem Artikel werden Strategien zur Optimierung der JavaScript -Leistung in Browsern erörtert, wobei der Schwerpunkt auf die Reduzierung der Ausführungszeit und die Minimierung der Auswirkungen auf die Lastgeschwindigkeit der Seite wird.
Wie debugge ich den JavaScript -Code effektiv mithilfe von Browser -Entwickler -Tools?
Mar 18, 2025 pm 03:16 PM
In dem Artikel werden effektives JavaScript -Debuggen mithilfe von Browser -Entwickler -Tools, der Schwerpunkt auf dem Festlegen von Haltepunkten, der Konsole und der Analyse der Leistung erörtert.
10 Möglichkeiten, Ihre JQuery -Leistung sofort zu erhöhen
Mar 11, 2025 am 12:15 AM
Dieser Artikel beschreibt zehn einfache Schritte, um die Leistung Ihres Skripts erheblich zu steigern. Diese Techniken sind unkompliziert und für alle Fähigkeiten anwendbar. Bleiben Sie auf dem Laufenden: Verwenden Sie einen Paketmanager wie NPM mit einem Bundler wie Vite, um sicherzustellen
So bauen Sie einen einfachen JQuery Slider
Mar 11, 2025 am 12:19 AM
In diesem Artikel werden Sie mit der JQuery -Bibliothek ein einfaches Bildkarousel erstellen. Wir werden die BXSLIDER -Bibliothek verwenden, die auf JQuery basiert und viele Konfigurationsoptionen zum Einrichten des Karussells bietet. Heutzutage ist Picture Carousel zu einem Muss auf der Website geworden - ein Bild ist besser als tausend Wörter! Nachdem Sie sich entschieden haben, das Bild -Karussell zu verwenden, ist die nächste Frage, wie Sie es erstellen. Zunächst müssen Sie hochwertige, hochauflösende Bilder sammeln. Als nächstes müssen Sie ein Bildkarousel mit HTML und einem JavaScript -Code erstellen. Es gibt viele Bibliotheken im Web, die Ihnen helfen können, Karussell auf unterschiedliche Weise zu erstellen. Wir werden die Open -Source -BXSLIDER -Bibliothek verwenden. Die BXSLIDER -Bibliothek unterstützt reaktionsschnelles Design, sodass das mit dieser Bibliothek gebaute Karussell an alle angepasst werden kann
Wie verwende ich Quellkarten zum Debuggen, um den JavaScript -Code zu debuggen?
Mar 18, 2025 pm 03:17 PM
In dem Artikel wird erläutert, wie Quellkarten zum Debuggen von JavaScript verwendet werden, indem er auf den ursprünglichen Code zurückgegeben wird. Es wird erläutert, dass Quellenkarten aktiviert, Breakpoints eingestellt und Tools wie Chrome Devtools und WebPack verwendet werden.
Verwenden Sie den Pass mit Folge und MySQL
Mar 11, 2025 am 11:04 AM
FECKERIZE ist ein vielversprechender node.js orm. Es kann mit Postgresql, MySQL, Mariadb, SQLite und MSSQL verwendet werden. In diesem Tutorial werden wir die Authentifizierung für Benutzer einer Web -App implementieren. Und wir werden Passport verwenden, die beliebte Authentifizierung Middlew
