條件語句

條件語句（Conditional statement）是JavaScript裏面的基本結構之一，程序根據表達式的真假決定執行或者跳過某個分支，於是，條件語句有時候也可以稱為“分支語句”

1. if & else if & else

基本寫法如下：

if (表達式1) {         // 如果表達式1為真，執行代碼塊1
    代碼塊1
} else if (表達式2) {  // 如果表達式2為真，執行代碼塊2
    代碼塊2
} else {              // 否則，執行代碼塊3
    代碼塊3
}

舉個栗子：

var score = 78;
 
if (score >= 90) {
    alert("成績：優");
} else if(score >= 80) {
    alert("成績：良");
} else if(score >= 70) {
    alert("成績：中");
} else if(score >= 60) {
    alert("成績：差");
} else {
    alert("成績：不及格");
}

// 彈出結果：“成績：中”

2. switch

上面的if & else if & else邏輯看著還是有點混亂，而且要寫多個表達式，結構並不是很清晰明了。於是，有了switch語句

基本寫法如下：

switch(n) {
    case 1:      // 如果n==1，執行代碼塊1
        代碼塊1;
        break;
    case 2:      // 如果n==2，執行代碼塊2
        代碼塊2;
        break;  
    case 3:      // 如果n==3，執行代碼塊3
        代碼塊3;
        break;
    default:     // 如果n都不等於以上情況，執行代碼塊n
        代碼塊n;
        break;
}

舉個栗子：

var day = 4;
switch
 
 (day) {
    case 0:
        alert("星期日");
        break;
    case 1:
        alert("星期一");
        break;
    case 2:
        alert("星期二");
        break;
    case 3:
        alert("星期三");
        break;
    case 4:
        alert("星期四");
        break;
    case 5:
        alert("星期五");
        break;
    default:
        alert("星期六");
        break;
}

// 彈出結果：“星期四”

循環語句

同樣的，循環語句（looping statement）也是JavaScript的基本結構之一，這種結構可以重復執行一段代碼直至到給定的條件不成立。

JavaScript有4種循環語句：while & do/while & for & for...in

每個循環結構都有略微的不同，要註意區分，如果可以事先確定循環次數的，用for循環，否則，考慮用while 或者 do/while

其中 while 和 do/while 又有稍稍不同，while循環是先判斷後執行，而do/while循環是先執行後判斷。因此，do/while是至少會執行一次代碼，不管條件成立與否。

PS：while結尾處不必添加分號，do/while在結尾處需要添加分號

還是舉個栗子說明吧

求和：1+2+3+...+100

1. while

// while 循環
var sum1 = 0;
var j = 1;
while (j <= 100) {
    sum1 = sum1 + j;
    j++;
}
alert("1 + 2 + 3 + ... + 100 = " + sum1);  // 5050

2. do/while

// do while 循環
var sum2 = 0;
var k = 1;
do {
    sum2 = sum2 + k;
    k++;
} while(k <= 100);

alert("1 + 2 + 3 + ... + 100 = " + sum2);  // 5050

3. for

// for 循環
var sum3 = 0;
for (let i = 1; i <= 100; i++) {
    sum3 = sum3 + i;
}

alert("1 + 2 + 3 + ... + 100 = " + sum3);  // 5050

4. for...in

//for ... in遍歷數組元素
var arr = [1,2,3,4,5,6,7,8,9,10];
for (var i in arr) {
    console.log(arr[i]);
}

//輸出數組元素：1,2,3,4,5,6,7,8,9,10

其中，for/in 通常用來遍歷對象成員屬性

//for ... in遍歷數組索引
for (var key in arr) {
    console.log(key);
}

// 輸出數組索引(數組對象的屬性)：0,1,2,3,4,5,6,7,8,9

JavaScript基本語法 -- 條件語句 & 循環語句