Der Inhalt dieses Artikels besteht darin, die Prozesssteuerung in Javascript vorzustellen (Codebeispiele). Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
Prozesssteuerung
JavaScript führt den Programmfluss durch Prozessanweisungen aus, und der Programmfluss besteht aus mehreren Anweisungen. Unter normalen Umständen werden die Anweisungen im Programm in der Reihenfolge ausgeführt, in der sie geschrieben wurden. Diese Struktur wird als sequentielle Struktur bezeichnet. Neben sequentiellen Strukturen gibt es Auswahlstrukturen und Schleifenstrukturen.
1. Auswahlstruktur
(1) if-else-Anweisung
Syntax:
if(condition){ statementS; }else{ statements; }
(2)if-else if-else-Anweisung
Syntax:
if(condition){ statementS; }else if{ statements; } …… else{ statements; }
Zum Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta charset="GB2312"> <title>选择结构</title> <script language="JavaScript"> function max() { var fist=parseInt(form1.fist.value); var secod=parseInt(form1.secod.value); if(isNaN(fist)){ alert("第一个数不是数值类型"); form1.fist.value=""; } else if (isNaN(secod)) { alert("第二个数不是数值类型"); form1.secod.value=""; }else{ var max=(fist>=secod?fist:secod); document.write("两个数之间较大的数为:"+max); } } </script> </head> <body> <form name="form1"> 请输入第一个数(数值型): <input type="text" name="fist" /> <br> 请输入第二个数(数值型): <input type="text" name="secod" /> <br> <input type="button" ONCLICK="max()" value="选择较大值" /> <input type="reset" value="重填" /> </form> </body> </html>
(3) switch-Anweisung (optional in [ ])
Syntax:
switch(expression){ case value1: statement; break; case value2: statement2; break; …… case valueN; statementN; break; [defalut: defalutStatements;] }
Zum Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"" <html> <head> <meta charset="GB2312"> <title>switch语句</title> </head> <body> <script language="JavaScript"> var day= new Date().getDay(); switch (day){ case 0: title="今天是星期日"; break; case 1: title="今天是星期一"; break; case 2: title="今天是星期二"; break; case 3: title="今天是星期三"; break; case 4: title="今天是星期四"; break; case 5: title="今天是星期五"; break; case 6: title="今天是星期六"; break; } document.write(title); </script> </body> </html>
2. Schleifenanweisung
(1) for-Schleife (Schleife mit bekannter Anzahl von Schleifen)
Syntax:
for(inintal-condition;conditin;increment){ statements; }
Beispiel:
Die Multiplikationstabelle ausgeben
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>循环结构</title> </head> <body> <font size="-1" color="blue"> <script language="JavaScript"> var i,j; for(i=1;i<=10;i++){ for(j=1;j<=i;j++){ document.write(j+"*"+i+"="+i*j); document.write(" "); } document.write("<br>"); } </script> </font> </body> </html>
(2) for-in-Anweisung (normalerweise verwendet) Traverse the Array)
Syntax:
for(elements in object){ statement; }
Zum Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="GB2312"> <title>for-in</title> </head> <body> <script language="JavaScript"> var student=new Object(); student.name="王明明"; student.no="20120156"; student.addreess="山东济南"; for(e in student){ document.write(e+":"+student[e]+"<br>"); } </script> </body> </html>
(3) while-Anweisung (Schleife mit unbekannter Häufigkeit)
Syntax:
while(condition){ statement; }
Zum Beispiel:
Gibt Vielfache von 3 in 1-100 aus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="GB2312"> <title>while循环</title> </head> <body> <script language="JavaScript"> var i=1; while(i<100){ if(i%3==0){ document.write(i+" "); } i++; } </script> </body> </html>
(4) do-while-Anweisung (diese Anweisung wird mindestens einmal ausgeführt)
Syntax:
do{ statement; } while(conditions);
Zum Beispiel:
Berechnen Sie die Summe von 1-100
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="GB2312"> <title>do-while语句</title> </head> <body> <script language="JavaScript"> var i = 1; var num = 0; do { sum+=i; i++ }while(i<=100); document.write("1-100的和是:"+sum); </script> </body> </html>
Transfer-Anweisung
(1) break-Anweisung
Die break-Anweisung wird verwendet in Schleifenanweisungen wie switch-Anweisungen und for-Anweisungen. Wird verwendet, um die Switch-Anweisung zu beenden und die Anweisung nach der Switch-Anweisung auszuführen.
(2) continue-Anweisung
Die continue-Anweisung wird in den Anweisungen for, while, do-while und for-in verwendet, um diese Schleife zu beenden und die nächste Schleife auszuführen mit if-Anweisungen werden zusammen verwendet.
(3) return-Anweisung
Die return-Anweisung wird im Allgemeinen in Funktionen verwendet. Sie können das Ausdrucksformat der return-Anweisung verwenden, um jede Art von Funktionswert zurückzugeben eine Variable.
Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial, jQuery-Video-Tutorial, Bootstrap-Tutorial!
Das obige ist der detaillierte Inhalt vonWas ist Flusskontrolle in Javascript (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!