分類
網頁製作/軟體開發知識

JavaScript 條件語句與迴圈教學

在網頁開發中,JavaScript 是一種廣泛使用的程式語言,用於為網頁添加互動性和動態功能。其中,條件語句和迴圈是 JavaScript 中非常重要的概念,它們可以讓程式根據特定條件執行不同的程式碼塊或重複執行特定的程式碼。本篇文章將為您詳細介紹 JavaScript 中簡單易懂的條件語句和迴圈的使用。

一、條件語句

條件語句允許我們根據特定條件執行不同的程式碼。在 JavaScript 中,我們主要使用 if-else 語句和 switch 語句來實現條件判斷。

if-else 語句

if-else 語句用於根據條件執行不同的程式碼區塊。語法如下:

if (條件) {
    // 如果條件為真,執行這裡的程式碼
} else {
    // 如果條件為假,執行這裡的程式碼
}

下面是一個使用 if-else 語句的例子,判斷一個數字是否為正數:

let number = 10;

if (number > 0) {
    console.log("這個數字是正數");
} else {
    console.log("這個數字不是正數");
}

switch 語句

switch 語句用於根據不同的條件值執行不同的程式碼塊。語法如下:

switch (表達式) {
    case 值1:
        // 如果表達式的值等於值1,執行這裡的程式碼
        break;
    case 值2:
        // 如果表達式的值等於值2,執行這裡的程式碼
        break;
    default:
        // 如果表達式的值都不等於上述值,執行這裡的程式碼
        break;
}

下面是一個使用 switch 語句的例子,根據星期幾的數字值輸出對應的星期名稱:

let day = 1;

switch (day) {
    case 1:
        console.log("星期一");
        break;
    case 2:
        console.log("星期二");
        break;
    case 3:
        console.log("星期三");
        break;
    case 4:
        console.log("星期四");
        break;
    case 5:
        console.log("星期五");
        break;
    case 6:
        console.log("星期六");
        break;
    case 7:
        console.log("星期日");
        break;
    default:
        console.log("輸入的數字無效");
        break;
}

二、迴圈

迴圈允許我們重複執行特定的程式碼塊,以達到節省時間和簡化程式碼的目的。在 JavaScript 中,常用的迴圈有 for 迴圈和 while 迴圈。

for 迴圈

for 迴圈是一種常用的迴圈,用於執行已知次數的循環。語法如下:

for (初始條件; 終止條件; 遞增或遞減條件) {
    // 在每次迭代中執行這裡的程式碼
}

下面是一個使用 for 迴圈的例子,計算並輸出 1 到 5 的總和:

let sum = 0;

for (let i = 1; i <= 5; i++) {
    sum += i;
}

console.log("總和為:" + sum);

while 迴圈

while 迴圈用於在條件為真時重複執行程式碼塊,直到條件變為假為止。語法如下:

while (條件) {
    // 只要條件為真,就重複執行這裡的程式碼
}

下面是一個使用 while 迴圈的例子,輸出 1 到 5 的數字:

let i = 1;

while (i <= 5) {
    console.log(i);
    i++;
}

以上就是 JavaScript 中簡單易懂的條件語句和迴圈的教學。通過適當使用條件語句和迴圈,您可以更靈活地控制程式的執行流程,並實現更多應用。請記住,熟悉並掌握這些概念對於成為一位優秀的 JavaScript 開發者至關重要。希望這篇文章能夠幫助您更好地理解和應用 JavaScript 的條件語句和迴圈。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *