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 implementieren Sie eine bidirektionale MySQL-Sicherung

Die bidirektionale MySQL-Sicherung wird auch als ...

Detaillierte Erläuterung des MySQL MVCC-Mechanismusprinzips

Inhaltsverzeichnis Was ist MVCC Mysql-Sperre und ...

5 Möglichkeiten, den diagonalen Kopfzeileneffekt in der Tabelle zu erzielen

Jeder muss mit Tabellen vertraut sein. Wir stoßen...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.20 winx64

In diesem Artikel erfahren Sie mehr über die Inst...

Detaillierte Erklärung zu React Hooks

Inhaltsverzeichnis Was sind Hooks? Klassenkompone...

Detaillierte Erklärung verschiedener HTTP-Rückgabestatuscodes

Wenn an Ihren Server eine Anforderung zum Anzeige...

Verstehen Sie die Prinzipien und Anwendungen von JSONP in einem Artikel

Inhaltsverzeichnis Was ist JSONP JSONP-Prinzip JS...

Ein vorläufiges Verständnis der benutzerdefinierten CSS-Eigenschaften

Heute sind CSS-Präprozessoren der Standard für di...

Implementierung des Umschreibesprungs in Nginx

1. Neuer und alter Domain-Namenssprung Anwendungs...

CocosCreator Typescript macht Tetris-Spiel

Inhaltsverzeichnis 1. Einleitung 2. Mehrere wicht...

Tutorial-Diagramm zur VMware-Installation des Ubuntu 20.04-Betriebssystems

Memo: Einfach erleben. Eintrag: Nr. 209 Diese Bei...

Dieser Artikel entführt Sie in die Welt der js-Datentypen und Datenstrukturen

Inhaltsverzeichnis 1. Was ist dynamische Typisier...

Einfaches MySQL-Beispiel zum Sortieren chinesischer Schriftzeichen nach Pinyin

Wenn das Feld, in dem der Name gespeichert ist, d...