JavaScript 流程控制語句
阿新 • • 發佈：2018-11-28
@{ 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>