首頁 > web前端 > js教程 > Javascript中什麼是流程控制(程式碼實例)

Javascript中什麼是流程控制(程式碼實例)

青灯夜游
發布: 2018-10-20 16:34:40
轉載
2358 人瀏覽過

本篇文章帶給大家的內容是介紹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語句(該語句最少執行一次)

#語法:

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>
登入後複製

轉移語句

(1)break語句break語句用於switch語句和for語句等迴圈語句中。用來中止switch語句,執行switch語句後的語句。 (2)continue語句

continue語句用於for,while,do-while,for-in語句中,用來結束本次循環,執行下一次循環,一般與if語句一起使用。 ######(3)return語句######return語句一般在函數中使用,可以使用return語句表達式的格式傳回任意型別的函數值,傳回的函數值可以用變數接受。 ######總結:以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。更多相關教學請造訪###JavaScript影片教學###,###jQuery影片教學###,###bootstrap教學###! ###

以上是Javascript中什麼是流程控制(程式碼實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:cnblogs.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板