1: for-Schleife
Die for-Schleife definiert vorab die Variablen, die die Anzahl der Schleifen in der for-Anweisung steuern, sodass die for-Schleifenanweisung Schleifenoperationen entsprechend der bekannten Anzahl von Schleifen ausführen kann, was für Situationen geeignet ist, in denen die Anzahl der Schleifen beträgt Es ist klar bekannt, wie oft das Skript ausgeführt werden muss.
Das Syntaxformat der for-Schleife lautet wie folgt:
for (Initialisierungsanweisung; Schleifenbedingung; Variablenaktualisierung – Inkrementieren oder Dekrementieren) {
Anweisungsblock;
} Die for-Schleifenanweisung kann in vier Teile zerlegt werden: die drei Ausdrücke in () und den „Anweisungsblock“ in {} . Lassen Sie uns sie unten analysieren.
Aussageanalyse:
Initialisierungsanweisung (Ausdruck 1): Sie wird hauptsächlich zum Initialisieren eines Variablenwerts verwendet, der zum Festlegen eines Zählers verwendet wird. Dies bedeutet, dass der Wert am Anfang der Schleife nur während der ersten Schleife ausgeführt wird wird in Zukunft erneut ausgeführt.
Schleifenbedingung (Ausdruck 2): Die Einschränkungsbedingung der Schleifenausführung, mit der gesteuert wird, ob der Code im Schleifenkörper ausgeführt werden soll, wenn die Bedingung TRUE ist, wird die Schleife fortgesetzt, wenn die Bedingung FALSE ist, endet die Schleife und die Schleife wird beendet sofort.
Variablenaktualisierung (Ausdruck 3): Ein Ausdruck mit einer Inkrementierungs- oder Dekrementierungsoperation. Bei jeder Ausführung der Schleife wird der Wert des Zählers sofort geändert, sodass die Schleifenbedingung nach und nach „nicht wahr“ wird.
Anweisungsblock: Eine Reihe von Codes, die ausgeführt werden müssen, wenn die Bedingung als wahr beurteilt wird.
Ist die obige Beschreibung etwas verwirrend? Schauen wir uns das Ausführungsflussdiagramm der for-Schleife an, um den Ausführungsprozess der for-Schleife intuitiver zu verstehen:
Nachdem wir nun den Ausführungsprozess der for-Schleife verstanden haben, führen wir die eigentliche Operation durch und stellen eine kleine Frage, um zu sehen, ob wir sie beherrschen!
Beispiel: Berechnen Sie die Summe von 1 bis 100
<script type="text/javascript">
var sum=0;
for(var i=1; i<=100; i++){
sum+=i;
}
console.log('1 + 2 + 3 +...+ 99 + 100 = '+sum);
</script> 
Die drei Ausdrücke in
der JS for-Schleife können weggelassen werden, aber das Semikolon, das zum Trennen der drei Ausdrücke verwendet wird, kann nicht weggelassen werden, wie im folgenden Beispiel gezeigt:
// Den ersten Ausdruck weglassen Formel var i = 0;
für (; i < 5; i++) {
//Code, der ausgeführt werden soll}
// Den zweiten Ausdruck weglassen für (var y = 0; ; y++) {
if(y>5){
brechen;
}
//Code, der ausgeführt werden soll}
// Den ersten und dritten Ausdruck weglassen var j = 0;
für (; j < 5;) {
// Auszuführender Code j++;
}
// Alle Ausdrücke weglassen var z = 0;
für (;;) {
if(z>5){
brechen;
}
// Auszuführender Code z++;
} Zwei: For-Schleifenverschachtelung
Unabhängig von der Art der Schleife kann sie verschachtelt werden (dh eine oder mehrere Schleifen werden in einer Schleife definiert).
Syntaxformat:
for (Initialisierungsanweisung 1; Schleifenbedingung; Variablenaktualisierung – Selbstinkrementierung oder Selbstdekrementierung) {
//Anweisungsblock 1;
for (Initialisierungsanweisung 2; Schleifenbedingung; Variablenaktualisierung – Selbstinkrementierung oder Selbstdekrementierung) {
//Anweisungsblock 2;
for (Initialisierungsanweisung 3; Schleifenbedingung; Variablenaktualisierung – Inkrementieren oder Dekrementieren) {
//Anweisungsblock 3;
.....
}
}
} Hier definieren wir drei Schachtelungen von for-Schleifen. Natürlich können wir so viele for-Schleifen verschachteln, wie wir möchten.
Fall: for-Schleife implementiert die Multiplikationstabelle.
Schauen wir uns zunächst die Multiplikationstabelle an.
Wir können das Muster des Diagramms zeichnen:
Es gibt insgesamt 9 Zeilen und 9 Spalten, und in jeder Zeile gibt es mehrere Ausdrücke.
In der i-ten Zeile beginnt der Ausdruck bei i*1 und endet bei i*i. Es gibt insgesamt i Ausdrücke (wir können diesen Effekt durch eine Schleife erzielen).
Daher ist eine Doppelschleife erforderlich, um die Ausgabe zu steuern. Die äußere Schleife steuert die Anzahl der Zeilen i (i ist minimal 1 und das Maximum ist 9), und die innere Schleife steuert die Spalte j (j ist minimal 1 und das Maximum ist gleich). zu i).
Implementierungscode:
for(var i = 1; i <= 9; i++){ //Äußere Schleife steuert Zeilen for(var j = 1; j <= i; j++) //Innere Schleife steuert Spalten {
document.write(j+"*"+i+"="+j*i+" ");
}
document.write("</br>");
} Ausgabeergebnis:
Wir können die 99er-Einfachtabelle auch in eine Tabelle einfügen und wie im Anfangsbild gezeigt ausgeben:
document.write("<table>");
for (var i = 1; i <= 9; i++) { //Steuerzeile der äußeren Schleife document.write("<tr>");
for (var j = 1; j <= i; j++) //Innere Schleifenkontrollspalte {
document.write("<td>" + j + "*" + i + "=" + j * i + "</td>");
}
//Zeilenumbruch, steuern Sie, wie viele Ausdrücke in jeder Zeile ausgegeben werden document.write("</tr>");
}
document.write("</table>"); Fügen Sie dann den CSS-Stil hinzu, um ihn zu ändern:
Tisch {
Breite: 600px;
Grenzkollaps: getrennt;
}
Tabelle td {
Rand: #000 1px fest;
Textausrichtung: Mitte;
} Sehen Sie sich die Ausgabe an:
[Empfohlenes Lernen: JavaScript-Tutorial für Fortgeschrittene]
Das Obige ist der detaillierte Inhalt des JS-Loop-Lernens: die Verwendung von for-Loop-Anweisungen (detaillierte Beispiele). Weitere Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
