Beispiel zum Verlassen der Schleife in Array.forEach in js

Beispiel zum Verlassen der Schleife in Array.forEach in js

forEach() Methode

Syntax: array.forEach(callback(aktuellerWert,Index,arr),dieserWert)

In

Callback ist eine Funktion, die für jedes Element im Array ausgeführt wird und 1-3 Parameter akzeptieren kann:

  • Der Parameter currentvalue stellt das aktuelle Element des Arrays dar, ein erforderlicher Parameter
  • Der Indexparameter stellt den aktuellen Elementindex dar, optionaler Parameter
  • Der Parameter arr gibt das Array an, zu dem das aktuelle Element gehört. Dies ist ein optionaler Parameter.

thisValue stellt den Punkt dar, an dem die Rückruffunktion callback() ausgeführt wird. Optionaler Parameter. Wenn nicht geschrieben, wird standardmäßig auf das globale Fenster verwiesen.

Beispiel

    var arr = [1, 3, 5, 13, 2];
    var res = arr.forEach(Funktion(Element,Index) {
        console.log(`Das ${index+1}te Element des Arrays ist ${item}`);
    })
    console.log(res); //Der Rückgabewert von forEach ist undefiniert,

Laufergebnisse:

So springen Sie aus der Schleife in Array.forEach in js

forEach kann nicht durch break oder return aus der Schleife springen. Die allgemeine Möglichkeit, aus der Schleife zu springen, besteht darin, eine Ausnahme auszulösen:

 versuchen {
   lass array = [1, 2, 3, 4]
   array.fürJeden((Element, Index) => {
     wenn (Element === 3) {
       throw new Error('end')//Wenn ein Fehler auftritt, wird die Schleife verlassen} else {
       console.log(Element)
     }
   })
 } fangen (e) {
 }

Diese Art zu schreiben ist tatsächlich sehr problematisch.

Lösung:

1. Verwenden Sie stattdessen „every“:

lass array = [1, 2, 3, 4]
array.jedes((Element, Index) => {
  wenn (Element === 3) {
    returniere wahr
  } anders {
    console.log(Element)
  }
})

2. Schreibe selbst eins 😁

//Array-Traversierung, die aus der Schleife herausspringen kann Array.prototype.loop = function(cbk) {
  //Beurteilen, ob das aktuelle Array leer ist, if (this?.length) {
    für (lass i = 0; i < diese.Länge; i++) {
      lass aufhören = cbk(dies[i], i, dies)
      //Beurteilen Sie, ob die Schleife gestoppt werden soll, if (stop) {
        brechen
      }
    }
  }
}


lass array = [1, 2, 3, 4]
array.loop ((Element, Index) => {
  wenn (Element === 3) {
    returniere wahr
  } anders {
    console.log(Element)
  }
})

Zusammenfassen

Dies ist das Ende dieses Artikels über das Aussteigen von Array.forEach aus der Schleife in js. Weitere relevante Inhalte zum Aussteigen von Array.forEach aus der Schleife in js finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Detaillierte Erklärung des JavaScript Array.reduce-Quellcodes
  • Analyse der Verwendung der JavaScript-Funktion Array.flat()
  • Anweisungen zur Verwendung von JavaScript Array.prototype.slice
  • JavaScript-Mapper array.flatMap()

<<:  Vue implementiert Beispielcode zur Formulardatenvalidierung

>>:  Detaillierte Erläuterung der Prinzipien und Anwendungsbeispiele von MySQL-Joinabfragen, Union-Abfragen und Unterabfragen

Artikel empfehlen

Lösen Sie das Installationsproblem der mysql8.0.19 Winx64-Version

MySQL ist ein kleines relationales Open-Source-Da...

Index-Skip-Scan in MySQL 8.0

Vorwort MySQL 8.0.13 unterstützt nun den Index-Sk...

Detaillierte Erklärung der Kernkonzepte und der grundlegenden Verwendung von Vuex

Inhaltsverzeichnis einführen Start Installieren ①...

Detaillierte Erklärung zur Verwendung von $emit in Vue.js

1. Übergeordnete Komponenten können Props verwend...

Installation und Verwendung der MySQL MyCat-Middleware

1. Was ist mycat Ein vollständig Open Source-Groß...

Verwenden Sie „overflow: hidden“, um Seiten-Bildlaufleisten zu deaktivieren

Code kopieren Der Code lautet wie folgt: html { Ü...

Beispiel für die Verwendung von #include-Dateien in HTML

Es gibt zwei Dateien a.htm und b.htm. Im selben Ve...

Detaillierte Erläuterung des verschachtelten Routings im Vue-Router

Inhaltsverzeichnis Schritt 1. Konfigurieren Sie R...

Implementierungsprinzip und Nutzungsanalyse des Apache Bench-Stresstest-Tools

1: Durchsatz (Anfragen pro Sekunde) Eine quantita...

So erstellen Sie ein Docker-Repository mit Nexus

Das mit dem offiziellen Docker-Register erstellte...