JavaScript中的程式結構和分支結構

一、程式結構

​ 程式結構：程式的執行順序

• ​ 順序結構

• ​ 選擇(分支)結構

  ​ if語句

  ​ if…else

  ​ if…else if…else

  ​ switch

• ​ 迴圈結構

  ​ for

  ​ while

  ​ do…while

  ​ for…in

二、分支結構

1. if 語句

   //語法：
   if(條件){
   	程式碼塊;
   }
   
   //執行規則：若條件成立，則執行程式碼塊
   

   示例：

           //週五考試，60分以上及格
           var score = prompt("請輸入分數：");//輸入框   返回值： 點選確定按鈕時，返回  輸入框的內容，，點選取消按鈕時，返回null
           // console.log(score);
           if (score > 60) {
               alert("及格");
           }
   

2. if…else語法

   //語法
   if(條件){
   	程式碼塊;
   }else{
   	程式碼塊;
   }
   
   //執行規則：若條件成立，則執行對應的程式碼塊；否則，執行else對應的程式碼塊
   

   示例：

           //根據使用者年齡，判斷使用者是否可以進入網咖 
           var age = prompt("請輸入使用者的年齡：");
           if (age >= 18) {
               alert("盡情玩耍吧");
           } else {
               alert('回家寫作業吧');
           }
   

若if或者else語法後面的程式碼只要一句，則可以省略{}

3.多分支語句

//語法
if(條件1){
	程式碼塊1;
}else if(條件2){
	程式碼塊2;
}
...
else if(條件n){
	程式碼塊n;
}else{
	程式碼塊m;
}

//執行規則：條件1成立，則執行對應的程式碼塊1,

示例：

        // 週五考試     60分以下的補考  90分以上的 優秀  其它  及格
        var score = prompt('請輸入分數：');
        // if (score < 60) {
        //     alert("補考")
        // } else if (score >= 60 && score <= 90) {
        //     alert("及格")
        // } else if (score > 90) {
        //     alert("優秀，有獎...");
        // } else {
        //     alert('請重新輸入');
        // }

        if (score > 90) {
            alert("優秀，，獎勵");
        } else if (score > 60) {
            alert("及格");
        } else if (score > 0) {
            alert("補考");
        } else {
            alert('非法輸入');
        }

4.if語句的巢狀

在分支語句中可以巢狀其它的分支語句

if(){
	if(){}else{}
}


if(){

}else{
	if(){}
}

示例：

        //週五考試   60分以下補考，其它及格
        var score = prompt("請輸入考試分數：");
        if (score != null) {
            if (score >= 60) {
                alert('及格');
            } else {
                alert("補考");
            }
        } else {
            alert("點選了取消按鈕");
        }

        //點選  取消   score   null

5.switch結構

//語法：
switch(表示式){
	case 值1:
		程式碼塊;
	break;
	case 值2:
		程式碼塊;
	break;
	...
	case 值n:
		程式碼塊;
	break;
	default:
		程式碼塊;
	break;
}

//執行規則：switch後的表示式與case後面的值相等時，即執行對應的程式碼塊；若都不相等，則執行default對應的程式碼

示例：

        switch (slt.value) {        //   slt.value=== "+"
            case "+":
                console.log(v1 + v2);
                break;
            case "-":
                console.log(v1 - v2);
                break;
            case "*":
                console.log(v1 * v2);
                break;
            case "/":
                console.log(v1 / v2);
                break;
            default:
                console.log(v1 + v2);
                break;
        }

注意：switch.case的比較是一個全等的比較 (===)