1. 程式人生 > >JavaScript 流程控制語句

JavaScript 流程控制語句


@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>ChapterFour</title>
</head>
<body>
    <div> 
    </div>
    <script>
       /* 4-1 做判斷(if語句)
        if語句是基於條件成立才執行相應程式碼時使用的語句。
        語法:
            if(條件){ 
                條件成立時執行程式碼;
            }
        */
        var mycarrer="web";
        if(mycarrer=="web"){
            document.write("繼續加油學習吧");
        }
        /* 4-2 if...else語句 
            if...else語句是在指定的條件成立時執行程式碼,在條件不
            成立時執行else後的程式碼。
            語法:
            if(條件){
                條件成立時執行的程式碼
            }
            else{
                條件不成立時執行的程式碼
            }
        */
        var mycarrer = "HTML"; //mycarrer變數儲存技能
        if (mycarrer == "HTML"){ 
            document.write("你面試成功,歡迎加入公司。"+"<br/>"); 
        }
        else{//否則,技能不是HTML 
            document.write("你面試不成功,不能加入公司。"+"<br/>");
        }
        /* 4-3多重判斷(if..else巢狀語句)
            要在多組語句中選擇一組來執行,使用if..else巢狀語句。
            語法:
            if(條件1){
                條件1成立時執行的程式碼
            }
            else if(條件2){ 
                條件2成立時執行的程式碼
            }
            ...
            else if(條件n){
                 條件n成立時執行的程式碼
            }
            else{ 
                條件1、2至n不成立時執行的程式碼
            }
        */
        var mess=prompt("請輸入您的分數:");
        if(mess!=null){
            if(mess>=90){
                document.write("成績優秀");
            }
            else if(mess>=80&&mess<90){
                document.write("成績很好");
            }
            else if(mess<80&&mess>=70){
                document.write("成績良好");
            }
            else{
                document.write("同學,你需要加油哦");
            }
        }
        else{
            alert("請輸入分數");
        }
        /* 4-4 多種選擇(Switch語句)
            當有很多種選項的時候,switch比if else使用更方便。
            語法:
            switch(表示式){
                case 值1:
                    執行程式碼塊1;
                    break;
                case 值2:
                    執行程式碼塊2;
                    break;
                 ...
                case 值n:
                    執行程式碼塊n;
                    break;
                default:
                    與 case值1 、 case值2...case值n 不同時執行的程式碼
            }
            語法說明:
            switch必須賦初始值,值與每個case值匹配。滿足執行該 case 後的所有語句
            ,並用break語句來阻止執行下一個case。如所有case值都不匹配,
            執行default後的語句。
        */
        var score=3;
        switch(score){
            case 0:
            case 1:
            case 2:
            case 3:
                document.write("加油!");
                break;
            case 4:
                document.write("很好");
                break;
            default:
                document.write("非常棒");
                break;
        }
        /*4-5 重複重複(for迴圈)
            for語句結構:
            for(初始化變數;迴圈條件;迴圈迭代){     
                迴圈語句 ;
            }
            for(var i=0;i<count;i++){
                sum=sum+i;
            }
        */	
        var sum=0;
        for(var i=0;i<10;i++){
            sum+=i;
        }
        document.write("<br/>"+sum);
        /*4-6 反反覆覆(while迴圈)
            和for迴圈有相同功能的還有while迴圈, while迴圈重複執行\
            一段程式碼,
            直到某個條件不再滿足。
            while語句結構:
            while(判斷條件){
                迴圈語句
            }
        */
        var num=23;
        while(num<30){
            num=num+1;
        }
        document.write("<br/>"+num);
        /* 4-7 來來回回(do...while迴圈)
            do while結構的基本原理和while結構是基本相同的,
            但是它保證迴圈體至少被執行一次。因為它是先執行程式碼,
            後判斷條件,如果條件為真,繼續迴圈。
            do...while語句結構:
            do{
                迴圈語句
            }
            while(判斷條件)
        */	
        var str=3;
        do{
            str=str+1;
        }
        while(str>5)
        /* 4-8 退出迴圈break
            在for、do...while、while迴圈中使用break語句退出
            當前迴圈,直接執行後面的程式碼。
            格式如下:
            for(初始條件;判斷條件;迴圈後條件值更新){
              if(特殊情況)
              {break;}
              迴圈程式碼
            }
        */var mynum = [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;
        }
        /*4-9 繼續迴圈continue
            continue的作用是僅僅跳過本次迴圈,而整個迴圈體繼續執行。
            語句結構:
            for(初始條件;判斷條件;迴圈後條件值更新){
              if(特殊情況)
              { continue; }
              迴圈程式碼
            }
        */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>");
        }
        //區別:break 跳出整個迴圈 continue 跳出本次迴圈
    </script>
</body>
</html>