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

Tiefgreifendes Verständnis der JavaScript-Rückruffunktionen

Inhaltsverzeichnis Vorwort Kurzübersicht: JavaScr...

Vue verwendet Element-UI, um die Menünavigation zu implementieren

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

Docker: Zeigen Sie den Mount-Verzeichnisvorgang des Containers an

Nur Informationen zum Mount-Verzeichnis des Docke...

Implementierung der Docker-Compose-Bereitstellung des ZK+Kafka+Storm-Clusters

Übersicht über die Clusterbereitstellung 172.22.1...

Verwandte Vorgänge zum Hinzufügen und Löschen von Indizes in MySQL

Inhaltsverzeichnis 1. Die Rolle des Index 2. Erst...

So verbergen und fälschen Sie die Versionsnummer in Nginx

1. Verwenden Sie den Curl-Befehl für den Standard...

Vue implementiert eine kleine Countdown-Funktion

In vielen Projekten muss eine Countdown-Funktion ...

Lassen Sie Ihren Text mit dem Marquee-Attribut in HTML tanzen

Syntax: <marquee> …</marquee> Mithilfe...

JavaScript implementiert den Front-End-Countdown-Effekt

In diesem Artikel wird der spezifische JavaScript...

5 MySQL-GUI-Tools, die Ihnen bei der Datenbankverwaltung empfohlen werden

Es gibt viele Datenbankverwaltungstools für MySQL...

Detaillierte Erläuterung der Docker Swarm-Dienstorchestrierungsbefehle

1. Einleitung Docker verfügt über ein Orchestrier...

CSS3-Radarscan-Kartenbeispielcode

Verwenden Sie CSS3, um coole Radar-Scan-Bilder zu...