Heim  >  Artikel  >  Web-Frontend  >  Was ist Flusskontrolle in Javascript (Codebeispiel)

Was ist Flusskontrolle in Javascript (Codebeispiel)

青灯夜游
青灯夜游nach vorne
2018-10-20 16:34:402269Durchsuche

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:

200ba6c2aed0a55a2e6eb1f53ccfa057100db36a723c770d327fc0aef2ce13b193f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7选择结构6e916e0f7d1e588d4f442bf645aedb2f
    c9b2223153d8e39163b0aa064e06fe9e
        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);
            }

        }    
    2cacc6d41bbb37262a98f745aa00fbf0
 9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
 e8123d645f3ed9aaa22bb5c917b2ac04
    请输入第一个数(数值型):    8d769f98bd6c240628a9ad623ab1ef9a
    0c6dc11e160d3b678d68754cc175188a
    请输入第二个数(数值型):    aeb337a347f95a6cac33731d207fded9
    0c6dc11e160d3b678d68754cc175188a
    07e92316e492652a6160af3bc9f0417a  
    946ddf758becc4ea3151ff3dec6d001e
 f5a47148e367a6035fd7a2faa965022e
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

(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"" 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
  5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7switch语句6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  c9b2223153d8e39163b0aa064e06fe9e
    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);
  2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

2. Schleifenanweisung

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

Syntax:

for(inintal-condition;conditin;increment){
  statements;
}

Beispiel:

Die Multiplikationstabelle ausgeben

671f1587257673e3ab28a461c7daaf2f
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    b2386ffb911b14667cb8f0f91ea547a7循环结构6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  b525c03511ddfa0129a1894a0aafa571
    c9b2223153d8e39163b0aa064e06fe9e
        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("0c6dc11e160d3b678d68754cc175188a");
        }    
    2cacc6d41bbb37262a98f745aa00fbf0
  e6e38b3c62e8df885fe2e3986461aa63
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

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

Syntax:

for(elements in object){
  statement;
}

Zum Beispiel:

671f1587257673e3ab28a461c7daaf2f 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7for-in6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
 c9b2223153d8e39163b0aa064e06fe9e
    var student=new Object();
    student.name="王明明";
    student.no="20120156";
    student.addreess="山东济南";    
    for(e in student){
        document.write(e+":"+student[e]+"0c6dc11e160d3b678d68754cc175188a");
    }
 2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

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

Syntax:

while(condition){
  statement;
}

Zum Beispiel:

Gibt Vielfache von 3 in 1-100 aus

671f1587257673e3ab28a461c7daaf2f
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7while循环6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
     c9b2223153d8e39163b0aa064e06fe9e
      var i=1;    
      while(i<100){        
           if(i%3==0){
            document.write(i+"&nbsp");
        }
        i++;
      }
   2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

(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

671f1587257673e3ab28a461c7daaf2f 
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    5dd619b3daa8098d81923634075d5aa9
    b2386ffb911b14667cb8f0f91ea547a7do-while语句6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
  c9b2223153d8e39163b0aa064e06fe9e
    var i = 1;    
    var num = 0;    
    do {
        sum+=i;
        i++
    }while(i<=100);
    document.write("1-100的和是:"+sum);
  2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen