Heim >Web-Frontend >js-Tutorial >Organisieren Sie Javascript-Flusskontrollanweisungen, Studiennotizen_Javascript-Kenntnisse
1. Machen Sie ein Urteil (wenn Aussage)
Die if-Anweisung ist eine Anweisung, mit der der entsprechende Code basierend auf der erfüllten Bedingung ausgeführt wird.
Syntax:
if(条件){ 条件成立时执行代码 }
Beispiel: Angenommen, Sie bewerben sich für eine Stelle in der Web-Frontend-Technologieentwicklung. Wenn Sie sich mit HTML-Technologie auskennen und im Vorstellungsgespräch erfolgreich sind, sind Sie herzlich willkommen, dem Unternehmen beizutreten.
<script type="text/javascript"> var mycarrer = "HTML"; if (mycarrer == "HTML"){ document.write("你面试成功,欢迎加入公司。"); } </script>
2. Wählen Sie eine der beiden (if...else-Anweisung)
Die if...else-Anweisung ist der Code, der ausgeführt wird, wenn die angegebene Bedingung wahr ist, und der Code nach else wird ausgeführt, wenn die Bedingung nicht wahr ist.
Grammatik:
if(条件){ 条件成立时执行的代码 }else{ 条件不成立时执行的代码 }
Beispiel: Angenommen, Sie bewerben sich für eine Stelle in der Web-Front-End-Technologieentwicklung. Wenn Sie sich mit der HTML-Technologie auskennen und im Vorstellungsgespräch erfolgreich sind, können Sie dem Unternehmen gerne beitreten. Andernfalls scheitern Sie im Vorstellungsgespräch und können dem Unternehmen nicht beitreten .
<script type="text/javascript"> var mycarrer = "HTML"; //mycarrer变量存储技能 if (mycarrer == "HTML"){ document.write("你面试成功,欢迎加入公司。"); }else{ //否则,技能不是HTML document.write("你面试不成功,不能加入公司。"); } </script>
3. Mehrere Urteile (if...else verschachtelte Aussagen)
Um eine Gruppe von mehreren Gruppen von Anweisungen zur Ausführung auszuwählen, verwenden Sie verschachtelte if..else-Anweisungen.
Syntax:
if(条件1) { 条件1成立时执行的代码} else if(条件2) { 条件2成立时执行的代码} ... else if(条件n) { 条件n成立时执行的代码} else { 条件1、2至n不成立时执行的代码}
Beispiel: Nach den Altersklassifizierungsstandards der Weltgesundheitsorganisation der Vereinten Nationen sind Personen unter 44 Jahren junge Menschen; Personen zwischen 45 und 59 Jahren sind Menschen mittleren Alters. Bei den älteren Menschen handelt es sich um Personen im Alter zwischen 60 und 89 Jahren; bei den langlebigen älteren Menschen handelt es sich um Personen, die über 90 Jahre alt sind. Zhao Hong wird dieses Jahr 99 Jahre alt. Zu welcher Altersgruppe gehört sie?
<script type="text/JavaScript"> var myage =99;//赵红的年龄为99 if(myage<=44){ document.write("青年"); }else if(myage<=59) { document.write("中年人"); }else if (myage<=89){ document.write("老年人"); }else { document.write("长寿老年人"); } </script>
4. Mehrfachauswahl (Switch-Anweisung)
Wenn es viele Optionen gibt, ist die Verwendung des Schalters bequemer als sonst.
switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 }
Grammatikbeschreibung:
Dem Schalter muss ein Anfangswert zugewiesen werden, und der Wert entspricht jedem Fallwert. Erfüllen Sie alle Anweisungen nach der Ausführung des Falls und verwenden Sie die break-Anweisung, um zu verhindern, dass der nächste Fall ausgeführt wird. Wenn nicht alle Case-Werte übereinstimmen, wird die Anweisung nach dem Standardwert ausgeführt.
Beispiel: Lassen Sie uns einen Wochenplan erstellen, am Montag und Dienstag Konzepte und Wissen studieren, am Mittwoch und Donnerstag im Unternehmen üben, am Freitag die Erfahrungen zusammenfassen, uns am Samstag und Sonntag ausruhen und Spaß haben.
<script type="text/JavaScript"> var myweek =3;//myweek表示星期几变量 switch(myweek){ case 1: case 2: document.write("学习理念知识"); break; case 3: case 4: document.write("到企业实践"); break; case 5: document.write("总结经验"); break; default: document.write("周六、日休息和娱乐"); } </script>
5. Wiederholen (für Schleife)
Viele Dinge werden nicht nur einmal, sondern wiederholt erledigt. Drucken Sie beispielsweise nacheinander 10 Kopien des Testpapiers aus und wiederholen Sie diesen Vorgang, bis der Druckvorgang abgeschlossen ist. Wir verwenden Schleifenanweisungen, um diese Dinge zu erreichen. Schleifenanweisungen dienen dazu, einen Codeabschnitt wiederholt auszuführen.
für Anweisungsstruktur:
for(初始化变量;循环条件;循环迭代) { 循环语句 }
Beispiel: Wenn sich 6 Bälle in einer Box befinden, nehmen wir einen nach dem anderen und nehmen die Bälle wiederholt aus der Box, bis alle Bälle genommen sind.
<script type="text/javascript"> var num=1; for (num=1;num<=6;num++){ //初始化值;循环条件;循环后条件值更新 document.write("取出第"+num+"个球<br />"); } </script>
Wir haben Geld in verschiedenen Nennwerten: 1, 2, 3...10. Verwenden Sie die for-Anweisung, um die Summe zu vervollständigen und zu sehen, wie viel Geld wir insgesamt haben.
<script type="text/JavaScript"> var mymoney,sum=0;//mymoney变量存放不同面值,sum总计 for(mymoney=1;mymoney<=10;mymoney++){ sum= sum + mymoney; } document.write("sum合计:"+sum); </script>
6. Wiederholt (while-Schleife)
Die while-Schleife hat die gleiche Funktion wie die for-Schleife. Die while-Schleife führt einen Codeabschnitt wiederholt aus, bis eine bestimmte Bedingung nicht mehr erfüllt ist.
while-Anweisungsstruktur:
while(判断条件) { 循环语句 }
Verwenden Sie eine While-Schleife, um die Aktion, einen Ball nach dem anderen aus der Box zu nehmen, abzuschließen, also insgesamt 6 Bälle.
<script type="text/javascript"> var num=0; //初始化值 while (num<=6){ //条件判断 document.write("取出第"+num+"个球<br />"); num=num+1; //条件值更新 } </script>
7. Hin und her (Do...while-Schleife)
Das Grundprinzip der do while-Struktur ist grundsätzlich dasselbe wie das der while-Struktur, stellt jedoch sicher, dass der Schleifenkörper mindestens einmal ausgeführt wird. Da zuerst der Code ausgeführt und dann die Bedingung beurteilt wird, wird die Schleife fortgesetzt.
do...while-Anweisungsstruktur:
do { 循环语句 } while(判断条件)
Versuchen Sie, 5 Zahlen auszugeben.
<script type="text/javascript"> num= 1; do{ document.write("数值为:" + num+"<br />"); num++; //更新条件 } while (num<=5) </script>
Verwenden Sie die do...while-Anweisung, um 6 Zahlen auszugeben.
<script type="text/javascript"> var mynum =6;//mynum初值化数值为6 do{ document.write("数字:"+mynum+"<br/>"); mynum=mynum-1; } while(mynum>=1); </script>
8. Verlassen Sie die Schleifenpause
Verwenden Sie die break-Anweisung in while-, for-, do...while- und while-Schleifen, um die aktuelle Schleife zu verlassen und den folgenden Code direkt auszuführen.
Das Format ist wie folgt:
for(初始条件;判断条件;循环后条件值更新){ if(特殊情况) {break;} 循环代码 }
Wenn die Punktzahl bestanden ist, wird die nächste Punktzahl ausgegeben. Wenn die Punktzahl nicht bestanden wird, werden keine weiteren Ergebnisse ausgegeben.
<script type="text/JavaScript"> var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值 var i=0; while(i<mynum.length){ if(mynum[i]<60){ document.write("成绩"+mynum[i]+"不及格,不用循环了"+"<br>"); break; } document.write("成绩:"+mynum[i]+"及格,继续循环"+"<br>"); i=i+1; } </script>
9. Setzen Sie die Schleife fort
Anweisungsstruktur:
for(初始条件;判断条件;循环后条件值更新){ if(特殊情况){ continue; } 循环代码 }
Wenn in der obigen Schleife eine besondere Situation auftritt, wird diese Schleife übersprungen und nachfolgende Schleifen sind nicht betroffen.
Beispiel: Testergebnisse ausgeben. Wenn die Bewertung bestanden ist, wird die nächste Bewertung ausgegeben. Wenn die Bewertung nicht bestanden wird, wird die Bewertung nicht ausgegeben.
<script type="text/JavaScript"> var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值 var i; for(i=0;i<mynum.length;i++){ if(mynum[i]<60){ document.write("成绩不及格,不输出!"+"<br>"); continue; } document.write("成绩:"+mynum[i]+"及格,输出!"+"<br>"); } </script>
在一个大学的编程选修课班里,我们得到了一组参加该班级的学生数据,分别是姓名、性别、年龄和年级,接下来呢,我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。
学生信息如下:
('小A','女',21,'大一'), ('小B','男',23,'大三'),
('小C','男',24,'大四'), ('小D','女',21,'大一'),
('小E','女',22,'大四'), ('小F','男',21,'大一'),
('小G','女',22,'大二'), ('小H','女',20,'大三'),
('小I','女',20,'大一'), ('小J','男',20,'大三')
<script type="text/javascript"> //第一步把之前的数据写成一个数组的形式,定义变量为 infos var infos = [ ['小A','女',21,'大一'], ['小B','男',23,'大三'], ['小C','男',24,'大四'], ['小D','女',21,'大一'], ['小E','女',22,'大四'], ['小F','男',21,'大一'], ['小G','女',22,'大二'], ['小H','女',20,'大三'], ['小I','女',20,'大一'], ['小J','男',20,'大三'] ]; //第一次筛选,找出都是大一的信息 var arr1 = []; var n = 0; for(var i=0;i<infos.length;i++){ if( infos[i][3] == "大一" ){ arr1[n] = infos[i]; document.write(arr1[n]+"<br/>"); n=n+1; } } document.write("大一人数: "+arr1.length+"<br/>"); //第二次筛选,找出都是女生的信息 for(var i=0;i<arr1.length;i++){ //这里可以用switch if(arr1[i][1]=='女'){ document.write(arr1[i][0]+"<br/>"); } } </script>
以上就是关于Javascript流程控制语句的实例解析,希望对大家的学习有所帮助。