Javascriptにおけるフロー制御とは（コード例）-jsチュートリアル-php.cn

Javascriptにおけるフロー制御とは（コード例）

青灯夜游

リリース： 2018-10-20 16:34:40

転載

2354 人が閲覧しました

この記事では、JavaScript におけるプロセス制御とは何か (コード例) を紹介します。困っている友人は参考にしていただければ幸いです。

#プロセス制御

JavaScript はプロセスステートメントを通じてプログラムフローを実行します。プログラムフローは複数のステートメントで構成されます。通常の状況では、プログラム内のステートメントは記述された順序で実行されます。この構造はシーケンシャル構造と呼ばれます。シーケンシャル構造に加えて、選択構造とループ構造もあります。

1. 選択構造

(1) if-else 文

構文:

if（condition）{
　　statementS;
}else{
　　statements;
}

ログイン後にコピー

(2) if-else if-else ステートメント

文法:

if（condition）{
　　statementS;
}else if{
　　statements;
}
……
else{
　　statements;
}

ログイン後にコピー

例:

<!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 ステートメント ([ ] 内はオプション)

構文:

switch（expression）{
　　case value1：
　　　　statement；
　　　　break；
　　case value2：
　　　　statement2；
　　　　break；
　　……
　　case valueN;
　　　　statementN；
　　　　break；
　　[defalut:
　　　　defalutStatements;]
}

ログイン後にコピー

例:

<!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 ループステートメント

(1) for ループ (ループ数が既知のループ)

## 構文:

for（inintal-condition;conditin;increment）{
　　statements;
}

ログイン後にコピー

例:

九九を出力する

<!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文（通常使用）配列を走査します)

文法:

for（elements in object）{
　　statement；
}

ログイン後にコピー

例:

<!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 ステートメント (ループ数が不明)

文法:

while（condition）{
　　statement；
}

ログイン後にコピー

例:

1-100の3の倍数を出力

<!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>

ログイン後にコピー

(4) do-while文（この文は少なくとも1回実行されます）

構文 :

do{
　　statement；
}
while(conditions);

ログイン後にコピー

例:

次の合計を計算します。 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 ステートメント

##(1) Break ステートメント##break ステートメントは、次の場所で使用されます。 switch ステートメントや for ステートメントなどのループステートメント。 switch ステートメントを終了し、switch ステートメントの後のステートメントを実行するために使用されます。

(2) continue文

continue文は、for文、while文、do-while文、for-in文の中でこのループを終了し、次のループを実行するために使用されるのが一般的です。 if ステートメントを併用します。

(3) return ステートメント

return ステートメントは通常、関数で使用され、任意のタイプの関数値を返すために使用できます。変数。

要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。関連チュートリアルの詳細については、

JavaScript ビデオチュートリアル

、

jQuery ビデオチュートリアル

、

bootstrap チュートリアルをご覧ください。

以上がJavascriptにおけるフロー制御とは（コード例）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。