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

MySQL-Kill-Befehl – ​​Verwendungshandbuch

KILL [VERBINDUNG | ABFRAGE] Prozesslisten-ID In M...

URL-Rewrite-Modul 2.1 URL-Rewrite-Modul – Regeln schreiben

Inhaltsverzeichnis Voraussetzungen Einrichten ein...

Util-Modul im node.js-Tutorial-Beispiel – detaillierte Erklärung

Inhaltsverzeichnis Ausgehend von der Typbeurteilu...

Eine kurze Diskussion zum CSS-Höhenkollapsproblem

Leistung Zum Beispiel: HTML: <div Klasse="...

Zwei Möglichkeiten zum Erstellen von SSH-Server-Aliasen in Linux

Vorwort Wenn Sie häufig über SSH auf viele versch...

Detaillierte Erklärung des Cocoscreater-Prefabs

Inhaltsverzeichnis Fertighaus So erstellen Sie ei...

Zusammenfassung des MySQL-Installationsdiagramms

Grafisches Tutorial zur Installation und Konfigur...

Einführung in die Verwendung gängiger Dockerfile-Befehle

Inhaltsverzeichnis 01 CMD 02 EINSTIEGSPUNKT 03 AR...

Webdesign-Tutorial (1): Schritte und Gesamtlayout

<br /> Hinweis: Alle Texte, mit Ausnahme der...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.19

In diesem Artikel wird das grafische Tutorial zur...

Vermeidung von durch Closures verursachten Problemen in JavaScript

Über let, um Probleme durch Schließung zu vermeid...

Lösungen für den Fehler und die Ungültigkeit beim Öffnen von nginx.pid

Inhaltsverzeichnis 1. Problembeschreibung 2. Prob...

Detaillierte Beschreibung der chinesischen ffmpeg-Parameter

Details zu den Parametern der Version FFMPEG 3.4....