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 installieren und konfigurieren Sie den SSH-Dienst in Ubuntu 18.04

Installieren Sie das SSH-Tool 1. Öffnen Sie das T...

Fallstudie zu den SQL ROW_NUMBER()- und OVER()-Methoden

Syntaxformat: row_number() über (Partition durch ...

Detaillierte Erläuterung der erweiterten Konstruktionseigenschaften von Vue

Inhaltsverzeichnis 1. Richtlinie Zollrichtlinie 2...

js implementiert eine Formularvalidierungsfunktion

In diesem Artikelbeispiel wird der spezifische Co...

So passen Sie mit CSS einen schöneren Link-Prompt-Effekt an

Vorschlag: Das möglichst häufige handschriftliche ...

Vollständige MySQL-Lernhinweise

Inhaltsverzeichnis MyISAM und InnoDB Gründe für L...

Der Unterschied zwischen HTML, XHTML und XML

Entwicklungstrends: html (Hypertext-Markup-Sprache...

17 hervorragende Webdesigns, sorgfältig von Startups entwickelt

Startups überraschen uns oft mit ihren unkonventi...

React kapselt die globale Bullet-Box-Methode

In diesem Artikelbeispiel wird der spezifische Co...

Grafisches Tutorial zur MySQL 5.7-Konfiguration ohne Installation

Mysql ist eine beliebte und einfach zu bedienende...

js+canvas realisiert Code-Regeneffekt

In diesem Artikel wird der spezifische Code des j...

Implementierung langer Textschatten in Less in CSS3

Dieser Artikel stellt hauptsächlich die Implement...