Heim > Web-Frontend > js-Tutorial > Hauptteil

Was ist Flusskontrolle in Javascript (Codebeispiel)

青灯夜游
Freigeben: 2018-10-20 16:34:40
nach vorne
2331 Leute haben es durchsucht

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;
}
Nach dem Login kopieren

(2)if-else if-else-Anweisung

Syntax:

if(condition){
  statementS;
}else if{
  statements;
}
……
else{
  statements;
}
Nach dem Login kopieren

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>
Nach dem Login kopieren

(3) switch-Anweisung (optional in [ ])

Syntax:

switch(expression){
  case value1:
    statement;
    break;
  case value2:
    statement2;
    break;
  ……
  case valueN;
    statementN;
    break;
  [defalut:
    defalutStatements;]
}
Nach dem Login kopieren

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>
Nach dem Login kopieren

2. Schleifenanweisung

(1) for-Schleife (Schleife mit bekannter Anzahl von Schleifen)

Syntax:

for(inintal-condition;conditin;increment){
  statements;
}
Nach dem Login kopieren

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>
Nach dem Login kopieren

(2) for-in-Anweisung (normalerweise verwendet) Traverse the Array)

Syntax:

for(elements in object){
  statement;
}
Nach dem Login kopieren

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>
Nach dem Login kopieren

(3) while-Anweisung (Schleife mit unbekannter Häufigkeit)

Syntax:

while(condition){
  statement;
}
Nach dem Login kopieren

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+"&nbsp");
        }
        i++;
      }
   </script>
</body>
</html>
Nach dem Login kopieren

(4) do-while-Anweisung (diese Anweisung wird mindestens einmal ausgeführt)

Syntax:

do{
  statement;
}
while(conditions);
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage