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

So fügen Sie Anführungszeichen in HTML-Titel ein

<a href="https://www.jb51.net/" titl...

Bringen Sie Ihnen bei, wie Sie die rekursive Methode von MySQL8 verwenden

Ich habe zuvor einen Artikel über rekursive Abfra...

So installieren Sie PostgreSQL11 auf CentOS7

Installieren Sie PostgreSQL 11 auf CentOS 7 Postg...

Analyse des Prozesses der einfachen Bereitstellung von Nginx im Docker-Container

1. Stellen Sie den Nginx-Dienst im Container bere...

So konfigurieren Sie MySQL8 in Nacos

1. Erstellen Sie die MySQL-Datenbank nacos_config...

So optimieren Sie die langsame Like-Fuzzy-Abfrage in MySQL

Inhaltsverzeichnis 1. Einleitung: 2. Die erste Id...

Detaillierte Beispiele für Linux-Festplattengeräte- und LVM-Verwaltungsbefehle

Vorwort Im Linux-Betriebssystem sind Gerätedateie...

jQuery implementiert die Anzeige und Ausblendung von Anzeigenanimationen

Wir sehen oft, dass Anzeigen nach ein paar Sekund...

Reines CSS, um den Listen-Pulldown-Effekt auf der Seite zu erzielen

Möglicherweise sehen Sie häufig den folgenden Eff...

Verschiedene korrekte Haltungen zur Verwendung von Umgebungsvariablen in Webpack

Inhaltsverzeichnis Schreiben Sie vor Geschäftscod...

Lösen Sie das Problem der verstümmelten Zeichen im Tomcat10 Catalina-Protokoll

Laufumgebung, Idea2020-Version, Tomcat10, beim Au...