Schleifenmethoden und verschiedene Durchlaufmethoden in js

Schleifenmethoden und verschiedene Durchlaufmethoden in js

for-Schleife

1. Für hat drei Ausdrücke: ① Schleifenvariablen deklarieren; ② Schleifenbedingungen bestimmen; ③ Schleifenvariablen aktualisieren; die drei Ausdrücke sind durch ; getrennt.

Die drei Ausdrücke in der For-Schleife können weggelassen werden, die beiden ";" sind jedoch unverzichtbar.

2. Die Ausführungseigenschaften der for-Schleife: Erst beurteilen und dann ausführen, genau wie while

3. Die drei Ausdrücke der for-Schleife können aus mehreren Teilen bestehen. Die mehreren Beurteilungsbedingungen im zweiten Teil sind mit && || verbunden, und der erste und dritte Teil sind durch Kommas getrennt.

für(var num = 1;num<10;num++){
               console.log(num); //1,2,3,4,5,6,7,8,9
              }

While-Schleife

Der Ausdruck in der while-Schleife () kann verschiedene Berechnungsergebnisse haben, diese werden jedoch letztendlich in true oder false umgewandelt. Die Konvertierungsregeln lauten wie folgt.

①Boolesch: wahr ist wahr, falsch ist falsch;
②String: Leere Zeichenfolge ist falsch, alle nicht leeren Zeichenfolgen sind wahr;
③Zahl: 0 ist falsch, alle Zahlen ungleich Null sind wahr;
④null/Undefiniert/NaN: alles falsch;
⑤Objekt: Alle sind wahr.

var num = 1; //1. Schleifenvariable deklarieren while (num<10) { //2. Schleifenbedingung bestimmen;
    console.log(num); //3. Schleifenoperation ausführen;
    num++; //4. Schleifenvariablen aktualisieren;
}

do-while-Schleife

Funktionen der While-Schleife: Erst beurteilen und dann ausführen;

Merkmale der do-while-Schleife: Erst ausführen und dann beurteilen. Auch wenn die Anfangsbedingung nicht erfüllt ist, wird die do-while-Schleife mindestens einmal ausgeführt, was bedeutet, dass die do-while-Schleife einmal mehr ausgeführt wird als die while-Schleife.

varnum = 10;
            
Tun{
    console.log(num); // 10 9 8 7 6 5 4 3 2 1 0
    Nummer--;
    }während(Zahl>=0);
            
   console.log(num);//-1

Verschachtelung von Schleifen

Die äußere Schleife steuert Zeilen. Die innere Schleife steuert Spalten. Verschachtelte Schleifen: Lösen von Strukturen mit mehreren Zeilen und Spalten

für(var j=1;j<9;j++){
        für(var i=0;i<j+1;i++){
            dokument.schreiben("*");
        }
        dokument.schreiben("<br>");
    }

Durchquerungsmethoden

für - in

Mit der for-in-Anweisung können Sie die Eigenschaften eines Arrays oder Objekts durchlaufen.

Bei jeder Ausführung des Codes in der For-In-Schleife werden die Eigenschaften des Arrays oder Objekts bearbeitet.

let obj={'name':'programmierer','alter':'22','größe':'180'};
für (lass i in Objekt) {
    konsole.log(i,obj[i])
}

für - von

Der Gültigkeitsbereich der for...of-Schleife umfasst Arrays, Set- und Map-Strukturen, einige arrayähnliche Objekte (wie Argumentobjekte, DOM-NodeList-Objekte), das später beschriebene Generatorobjekt und Zeichenfolgen.

Die ursprüngliche For-In-Schleife in JavaScript kann nur den Schlüsselnamen des Objekts abrufen, nicht jedoch direkt den Schlüsselwert. ES6 bietet eine for...of-Schleife, die eine Durchquerung zum Abrufen von Schlüsselwerten ermöglicht

Array-Operationen:

 var arr = ['a', 'b', 'c', 'd'];

        für (lass a in arr) {
          konsole.log(a); // 0 1 2 3
        }
        
        für (sei a von arr) {
          konsole.log(a); // abcd
        }

Array-ähnliche Objektoperationen:

        // Zeichenfolge var str = "hallo";
        
        für (lass s von str) {
          console.log(s); // hallo
        }
        
        // DOM NodeList-Objekt let paras = document.querySelectorAll("p");
        
        für (sei p von Abs.) {
          p.classList.add("test");
        }
        
        // Argumente Objektfunktion printArgs() {
          für (lass x Argumente) {
            console.log(x);
          }
        }
        printArgs('a', 'b'); // 'a' 'b'

Schleifensteuerungsanweisungen

1. break: Aus der aktuellen Schleife herausspringen und mit der Ausführung der Anweisungen nach der Schleife fortfahren.
Wenn die Schleife mehrere Ebenen hat, kann break nur aus einer Ebene herausspringen.
2. weitermachen: Den restlichen Code dieser Schleife überspringen und mit der Ausführung der nächsten Schleife fortfahren.
① Für die For-Schleife ist die nach „continue“ ausgeführte Anweisung die Aktualisierungsanweisung für die Schleifenvariable i++.
②Bei while- und do-while-Schleifen ist die nach continue ausgeführte Anweisung die Beurteilung der Schleifenbedingung.
Wenn Sie diese beiden Schleifen verwenden, muss daher nach i++ „continue“ verwendet werden, da „continue“ andernfalls i++ überspringt und in eine Endlosschleife eintritt.

 für(var i=0;i<10;i++){
        wenn(i == 5){
            brechen;
        }
        konsole.log(i); //0,1,2,3,4
    }

    für(var i=0;i<10;i++){
        wenn(i == 5){
            weitermachen;
        }
        konsole.log(i); //0,1,2,3,4,6,7,8,9
    }

Dies ist das Ende dieses Artikels über Loop-Methoden und verschiedene Traversal-Methoden in js. Weitere relevante Inhalte zu js-Loop-Methoden und Traversal finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • So durchlaufen Sie alle Elemente in einem JS-Array
  • Zusammenfassung der vier Möglichkeiten zum Durchlaufen eines Arrays in JS
  • JS einfache Loop-Traversal-JSON-Array-Methode
  • JS-Methode zum Durchlaufen von JSON-Daten
  • 12 Methoden zur Schleifendurchquerung in JavaScript [Zusammenfassung]
  • Zusammenfassung verschiedener Methoden zur Schleifendurchquerung in JavaScript
  • Wie viele gängige Schleifen zur Array-Traversierung in JS kennen Sie?
  • Kennen Sie alle 24 Methoden zur JavaScript-Schleifendurchquerung?

<<:  Unterschied zwischen src- und href-Attributen

>>:  Detaillierte Erklärung der CSS3-Animation und der neuen Funktionen von HTML5

Artikel empfehlen

Einführung und Verwendungszusammenfassung der negativen Margenfunktion

Bereits in den CSS2-Empfehlungen von 1998 verschwa...

Native Js-Implementierung des Kalender-Widgets

In diesem Artikelbeispiel wird der spezifische JS...

JavaScript-Tippspiel

In diesem Artikel wird der spezifische JavaScript...

Front-End-JavaScript versteht Funktions-Currying gründlich

Inhaltsverzeichnis 1. Was ist Curry 2. Verwendung...

Vergessen Sie nicht, den HTML-Tag zu schließen

Das Erstellen von Webseiten, die Webstandards ents...

So fragen Sie Bilder in einem privaten Register ab oder erhalten sie

Docker fragt Bilder in einem privaten Register ab...

Lösung zum Vergessen des MySQL-Datenbankkennworts

Möglicherweise haben Sie gerade ein MySQL-Passwor...

So führen Sie das Excel-Tabellen-Plugin in Vue ein

In diesem Artikel wird der spezifische Code von V...

Reparaturlösung für inkonsistenten MySQL GTID-Master und -Slave

Inhaltsverzeichnis Lösung 1: Replikate neu erstel...

Detailliertes Beispiel für MySQL-Datenspeicherprozessparameter

Es gibt drei Typen von MySQL-gespeicherten Prozed...