Heim > Artikel > Web-Frontend > Was sind die grundlegenden Schleifentypen in js?
Die grundlegenden Schleifentypen von js sind: for-Schleife, while-Schleife, do-while-Schleife und for-in-Schleife.
In diesem Artikel erfahren Sie, was die grundlegenden Schleifentypen von js sind und wie Schleifen implementiert werden, damit jeder ein einfaches Verständnis von js-Schleifen erhält.
Die in JavaScript unterstützten Schleifentypen können grundsätzlich in vier Typen unterteilt werden: for-Schleife, while-Schleife, do-while-Schleife und for-in-Schleife Lassen Sie uns diese vier Zyklustypen im Detail vorstellen. [Empfohlene verwandte Video-Tutorials: JavaScript-Tutorial]
js for-Schleife
Die for-Schleife ermittelt zunächst, ob die Bedingung erfüllt ist wahr ist, führen Sie dann den Codeblock in {} aus (wenn der Codeblock in {} nur eine Anweisung enthält, kann {} weggelassen werden).
Funktion: Wenn die Anzahl der Schleifeniterationen bekannt ist, können Sie damit einen Codeblock eine feste Anzahl von Malen durchlaufen.
Syntax:
for(表达式1;表达式2;表达式3) { 要执行的代码块 }
Erklärung:
Ausdruck 1: Deklarieren Sie die Variablen der Schleife und initialisieren Sie die Variablen.
Ausdruck 2: Die Beurteilungsbedingung der Schleife
Ausdruck 3: Das Inkrement der Schleife ist eine Variable, die zum Aktualisieren der Schleife verwendet wird (es kann inkrementierend oder dekrementierend sein)
Hinweis: Mehrere Ausdrücke in der for-Schleife müssen durch Semikolons „;“ getrennt werden, und die Ausdrücke in der for-Schleife können weggelassen werden, es müssen jedoch zwei „;“ vorhanden sein und dürfen nicht weggelassen werden. das heißt, es kann die Form for(;;) haben.
Ausführungsflussdiagramm:
Beispiel: Ein einfaches Beispiel einer for-Schleife
<script> for (i=1; i<=5; i++) { document.write(i + "<br/>") } </script>
Rendering:
In diesem Beispiel wird eine Variable i deklariert und der Variablen i ein Wert von 1 zugewiesen. {} kann nur ausgeführt werden, wenn der Wert der Variablen i ist kleiner oder gleich 5. Anweisungsblock; jedes Mal, wenn die for-Schleife endet, erhöht sich der Wert der Variablen i um 1.
js while-Schleife:
while-Schleife bestimmt auch zunächst die Auswirkung der Ausführung des angegebenen Codeblocks
: Wenn der angegebene bedingte Ausdruck wahr ist, führen Sie eine Schleife durch den angegebenen Codeblock. Wenn die Anzahl der Schleifeniterationen nicht bekannt ist, können Sie damit eine Schleife für eine unendliche Anzahl von Elementcodeblöcken erstellen.
Syntax:
while(条件表达式) { 要执行的代码块 }
Hinweis: Im bedingten Ausdruck in der while-Schleife, unabhängig vom Ergebnis nach der Auswertung des bedingten Ausdrucks Typ, wird schließlich in logische Werte umgewandelt: wahr und falsch.
Ausführungsflussdiagramm:
Beispiel: Ein einfaches Beispiel einer While-Schleife
<script> var i=11; while (i<=15) { document.write(i + "<br/>"); i++; } </script>
Rendering:
Um zu verhindern, dass die While-Schleife zu einer Endlosschleife wird, wird dem Ausführungscodeblock der While-Schleife ein „Inkrement“ hinzugefügt, um die Variable der Beurteilungsschleife zu aktualisieren.
do-while-Schleife:
Die do-while-Schleife wird zuerst ausgeführt und dann beurteilt, unabhängig davon, ob das Ergebnis im bedingten Ausdruck vorliegt true oder false ist, wird der Code mindestens einmal ausgeführt.
Syntax:
do{ 要执行的代码 } while(条件表达式);
Ausführungsflussdiagramm:
Beispiel: Einfaches Beispiel einer do while-Schleife
<script> var i=21; do{ document.write(i + "<br/>"); i++; }while (i<=25); </script>
Laufergebnisse:
for-in-Schleife:
Funktion: Hauptsächlich verwendet Durchlaufen Sie die Eigenschaften des Objekts
Syntax:
for(keys in zhangsan) { 要执行的代码 }
Beispiel:
var obj = { a: 1, b: "lian" }; //给obj定义一个不可枚举的属性c Object.defineProperty(obj, "c", { value: 2, emumerable: false, writable: true, configurable: true }); //虽然属性c不可枚举,但是值依然存在 console.log(obj.c); //2 for (var i in obj) { //只会遍历可枚举属性 console.log(obj[i]); //1 lian }
Laufende Ergebnisse:
Zusammenfassung : Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein.
Das obige ist der detaillierte Inhalt vonWas sind die grundlegenden Schleifentypen in js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!