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

So rufen Sie einen HTML-Code auf mehreren HTML-Seiten gemeinsam auf

Methode 1: Skriptmethode verwenden: Erstellen Sie...

So wählen Sie alle untergeordneten Elemente aus und fügen ihnen in CSS Stile hinzu

Verfahren: Nehmen wir „less“ im tatsächlichen Pro...

Eine detaillierte Einführung in den wget-Befehl in Linux

Inhaltsverzeichnis Installieren Sie zuerst wget H...

So erkennen Sie die Dateisystemintegrität basierend auf AIDE in Linux

1. HILFE AIDE (Advanced Intrusion Detection Envir...

Lösen Sie das Spleißproblem beim Löschen von Bedingungen in myBatis

Ich habe heute gerade Mybatis gelernt und einige ...

Detaillierte Erläuterung der Linux-Textverarbeitungstools

1. Zählen Sie die Anzahl der Benutzer, deren Stan...

Vue implementiert den Anwesenheitskalender von DingTalk

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

IDEA verwendet das Docker-Plugin (Tutorial für Anfänger)

Inhaltsverzeichnis veranschaulichen 1. Aktivieren...

MySQL-Variablendeklaration und Analyse gespeicherter Prozeduren

Deklarieren von Variablen Festlegen globaler Vari...

Detaillierte Erklärung zur Verwendung des Grep-Befehls in Linux

1. Offizielle Einführung grep ist ein häufig verw...