Detaillierte Erklärung der For-Schleife und der doppelten For-Schleife in JavaScript

Detaillierte Erklärung der For-Schleife und der doppelten For-Schleife in JavaScript

for-Schleife

Die For-Schleife durchläuft die Elemente eines Arrays.

Grammatik:

für (Initialisierungsvariable; bedingter Ausdruck; Iterationsanweisung) {
Der auszuführende Codeblock;
}

  • Initialisierungsvariablen: werden im Allgemeinen zum Initialisieren und Zuweisen von Werten zu Schleifenvariablen verwendet.
  • Bedingter Ausdruck: Als Schleifenbedingung wird ein Ausdruck mit Vergleichsoperatoren verwendet, um die Grenzen der Schleifenvariable einzuschränken. Wenn der Wert der Schleifenvariable den Grenzwert überschreitet, wird die Ausführung der Schleifenanweisung gestoppt.
  • Iterationsanweisung: Wird verwendet, um den Wert der Schleifenvariable zu ändern und dadurch die Anzahl der Schleifen zu steuern, normalerweise durch Erhöhen oder Verringern des Werts der Schleifenvariable.

Reihenfolge der Ausführung der Schleife:

// 1. Variablen deklarieren;
// 2. Bestimmen Sie die Bedingung für die Ausführung der Schleife.
// 3. Codeblockausführung;
// 4. Variableninkrement;

Beispiel: Finden Sie die Summe der geraden Zahlen von 1 bis 100

var num=0
    für (var i = 0; i <= 100; i + = 2) { // i + = 2 bedeutet i = i + 2
      Zahl +=i         
    }
    console.log("Summe der geraden Zahlen: "+num)

Doppelte for-Schleife

Verschachtelte Schleifen beziehen sich auf die grammatische Struktur der Definition einer weiteren Schleifenanweisung innerhalb einer Schleifenanweisung. Beispielsweise können Sie in einer For-Schleifenanweisung eine weitere For-Schleife verschachteln. Wir nennen eine solche For-Schleifenanweisung eine doppelte For-Schleife.

Grammatik:

für (äußere Initialisierungsvariable; äußerer bedingter Ausdruck; äußere Iterationsanweisung) {
für (innere Initialisierungsvariable; innerer bedingter Ausdruck; innere Iterationsanweisung) {
Der auszuführende Codeblock;
}
}

  • Die innere Schleife kann als Ausführungsanweisung der äußeren Schleife betrachtet werden.
  • Die äußere Schleife wird einmal ausgeführt, die innere Schleife führt alle

Das Wesentliche der doppelten For-Schleife ist:

  • Die äußere For-Schleife steuert die Höhe (Anzahl der Zeilen) der Schleife;
  • Die innere For-Schleife steuert die Breite der Schleife (Anzahl der Spalten).

Beispiel: Ausgabe des Einmaleins

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

Sie können einige Stile hinzufügen, um es schöner zu gestalten (fügen Sie ein Span-Element hinzu, um die Breite des Textkörpers zu definieren, ändern Sie das Span-Element in ein Inline-Block-Element und legen Sie seine feste Breite fest).

<Kopf>
<Stil> Körper{
    Breite: 2000px;
  }
  Spanne{
    Anzeige: Inline-Block;
    Breite: 80px;
  } </Stil>
</Kopf>
<Text> 
<Skript> für (var i = 0; i <= 9; i++) {
     für(var aa = 1 ; aa <i+1 ; aa++){ document.write("<span>"+aa+"*"+i+"="+i*aa+"</span>");
     }
     dokument.schreiben("<br />");
   } </script>
</body>

Zusammenfassen

Damit ist dieser Artikel über For-Schleifen und doppelte For-Schleifen in JavaScript abgeschlossen. Weitere Informationen zu doppelten For-Schleifen in JavaScript finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Verwenden einer for-Schleife zum Durchlaufen eines Arrays in JavaScript
  • Probleme beim Löschen von Array-Elementen in einer For-Schleife in JavaScript
  • Beispiel für einen Leistungstest in JavaScript für eine For-Loop
  • Tiefgreifendes Verständnis der for-Schleife in JavaScript
  • Eine kurze Einführung in JavaScript-Arrays
  • Häufig verwendete JavaScript-Array-Methoden
  • JavaScript-Grundlagen für Schleife und Array

<<:  So importieren/speichern/laden/löschen Sie Bilder lokal in Docker

>>:  mysql löst das Problem, Datensätze zu finden, bei denen zwei oder mehr Felder NULL sind

Artikel empfehlen

Linux verwendet join -a1, um zwei Dateien zusammenzuführen

Um die folgenden beiden Dateien zusammenzuführen,...

JS implementiert Karussell mit mehreren Tabs

Karussell-Animationen können das Erscheinungsbild...

Vergleichen von Dokumentspeicherorten

<br />Ein toller Blogbeitrag von PPK vor zwe...

Was sind die Attribute des JSscript-Tags

Was sind die Attribute des JS-Skript-Tags: charse...

Implementierung langer Textschatten in Less in CSS3

Dieser Artikel stellt hauptsächlich die Implement...

Drei Netzwerkmethoden und Prinzipien von virtuellen VMware-Maschinen (Zusammenfassung)

1. Brigde——Bridge: VMnet0 wird standardmäßig verw...

MySQL: Praktische Erfahrung mit der Verwendung der Insert-Anweisung

Inhaltsverzeichnis 1. Mehrere Syntaxen von Insert...

Wie die MySQL Select-Anweisung ausgeführt wird

Wie wird die MySQL-Select-Anweisung ausgeführt? I...

Welche Nachteile hat die Bereitstellung der Datenbank in einem Docker-Container?

Vorwort Docker erfreut sich seit zwei Jahren groß...

Spezifische Verwendung von Vues neuem Spielzeug VueUse

Inhaltsverzeichnis Vorwort Was ist VueUse Einfach...