JS條件陳述句

1.if 結構

語法：

  if (條件){

  滿足條要執行的陳述句塊

}

  執行流程：

  1、判斷條件
  2、如果條件為真，則執行 陳述句塊 中的內容
  3、如果條件為假，則跳過陳述句塊去執行其他內容

  注意：

  （1）if中的條件，最好是一個boolean的值，如果不是boolean型別，則會自動轉換以下情況，條件會自動轉換為 false
       if(0)
       if(0.0)
       if(undefined)
       if(null)
       if("")
       if(NaN)

  （2）if 后的 { } 是可以被省略的，如果省略的話，只控制 if 下的第一條陳述句

2.if … else … 結構

語法：

  if（條件）{

    滿足條件時，執行的陳述句塊

  }else{

    不滿足條件時，執行的陳述句塊

  }

練習：

  從彈框中，輸入一個年份資訊，判斷該年是否為閏年，并給出提示

function showYear(){
    var year = window.prompt("請輸入一個年份：");
    if ((year % 4 == 0)&&(year % 100 != 0 )||(year % 400 == 0 )){  //判斷是否為閏年的條件
    console.log(year+"年是閏年");
    }else{
        console.log(year+"年不是閏年")
    } 
}

3.if … else if… 結構

語法：

  if（條件1）{

    滿足條件1時，要執行的陳述句塊

  }else if（條件2）{

    滿足條件2時，要執行的陳述句塊

  }else if（條件3）{

    滿足條件3時，要執行的陳述句塊

  }else{

    以上條件都不滿足時執行的陳述句塊

  }

練習：從彈框中錄入考試成績，如果成績>=90，輸出A；如果成績>=80，輸出B；如果成績>=60，輸出C；其他情況輸出D

function showScore(){
    var score = window.prompt("請輸入你的成績：");
    //成績 >=90，為A
    //成績 >=80，為B
    //成績 >=60，為C
    //成績其他情況為D
    if (score >= 90){
        console.log("你的成績等級為A");
    }else if(score >= 80){
        console.log("你的成績等級為B");
    }else if(score >= 60){
        console.log("你的成績等級為C");
    }else{
        console.log("你的成績等級為D");
    }
}

4.switch … case結構

語法：

  switch(變數){
    case 常量值1:
      陳述句塊1;
      break;  //通過 break 結束switch的執行(可選 )
    case 常量值2:
      陳述句塊2;
      break;  //可選
    default:
      陳述句塊n;
      break;  //可選
  }

練習：

（1）使用 特殊的 switch 結構完成要求：輸入年 、月，輸出 該月有多少天

function testSwitch(){
    var year = prompt("請輸入年份");
    var month = Number(prompt("請輸入月份"));
    switch(month){
        case 1 :
        case 3 :
        case 5 :
        case 7 :
        case 8 :
        case 10 :
        case 12 :
            console.log(year+"年"+month+"月有31天");
            break;
        case 4 :
        case 6 :
        case 9 :
        case 11 :
            console.log(year+"年"+month+"月有30天");
            break;
        case 2 :
            if((year%4==0)&&(year%100!=0)||(year%400==0)){
                console.log(year+"年"+month+"月有29天")
            }else{
                console.log(year+"年"+month+"月有28天")
            }
            break;
        default :
            console.log("您輸入有誤");
    }
}

（2）使用switch…case陳述句撰寫程式，要求當輸入年月日后計算出這一天是該年的第幾天

function Days(){
            var year = Number(prompt("請輸入年份："));
            var month = Number(prompt("請輸入月份："));
            var day = Number(prompt("請輸入日期："));
            var totalDay = 0;
            switch(month-1){
                case 11 :
                    totalDay += 30;
                case 10 :
                    totalDay += 31;
                case 9 :
                    totalDay += 30;
                case 8 :
                    totalDay += 31;
                case 7 :
                    totalDay += 31;
                case 6 :
                    totalDay += 30;
                case 5 :
                    totalDay += 31;
                case 4 :
                    totalDay += 30;
                case 3 :
                    totalDay += 31;
                case 2 :
                    if((year%4==0)&&(year%400!=0)||(year%400==0)){
                        totalDay +=29;
                    }else{
                        totalDay +=28;
                    }
                case 1 :
                    totalDay += 31;
            }
            totalDay +=day;
            console.log(year+"年"+month+"月"+day+"日是第"+totalDay+"天");
        }

標籤：JavaScript

上一篇：Vue3.x 從零開始（二）—— 重新認識 Vue 組件

下一篇：js函式封裝實作一個倒計時效果