文章目錄

• JavaScript 運算符與流程控制全解析

• 一、運算符：自增、比較與邏輯🥝

• 1. 自增運算符（++）
• 2. 比較運算符
• 3. 邏輯運算符

• 二、條件判斷語句🥝

• 1. if 語句
• 2. 三目運算符
• 3. switch 語句

• 三、循環語句🥝

• 1. while 循環
• 2. for 循環

• 總結🍂

JavaScript 運算符與流程控制全解析

在 JavaScript 中，運算符和流程控制是實現邏輯處理的基礎。本文在前文基礎上補充for循環內容，全面講解比較運算符、邏輯運算符、條件判斷語句（if、switch）及循環語句（while、for），幫助你掌握 JavaScript 的邏輯構建能力。

一、運算符：自增、比較與邏輯🥝

1. 自增運算符（++）

自增運算符分為前綴（++i）和後綴（i++），核心區別在於返回值時機：

• 後綴自增（i++）：先返回當前值，再自增
• 前綴自增（++i）：先自增，再返回新值

let i = 1;
console.log(i++ + ++i + i); // 結果為7

// 解析：
// 1. i++ 先返回1，i變為2
// 2. ++i 先自增為3，返回3
// 3. 此時i=3，總和：1+3+3=7

2. 比較運算符

用於判斷值的關係，返回布爾值，需重點區分==與===：

特殊規則：

• 字符串按字符編碼比較（如"a" < "b"為true）
• NaN與任何值比較都返回false（包括自身）

console.log(2 == "2"); // true（隱式轉換）
console.log(2 === "2"); // false（類型不同）
console.log("aabgg" < "bzzzz"); // true（首字符"a"<"b"）

3. 邏輯運算符

組合多個條件判斷，返回布爾值：

真值/假值規則：

• 假值：0、""、null、undefined、NaN
• 真值：除假值外的所有值（如非空字符串、非0數字）

console.log(!9); // false（9是真值）
console.log(!""); // true（空字符串是假值）

二、條件判斷語句🥝

1. if 語句

根據條件執行代碼塊，條件會隱式轉換為布爾值：

// 語法
if (條件) {
  // 條件為真時執行
} else {
  // 條件為假時執行
}

// 示例：判斷空格字符串是否為真
if (" ") { // 空格字符串是真值（非空）
  console.log(true); // 輸出：true
} else {
  console.log(false);
}

2. 三目運算符

if-else的簡寫形式：條件 ? 表達式1 : 表達式2

// 判斷2與"2"是否絕對相等
document.write(2 === "2" ? "相等" : "不等"); // 輸出：不等

3. switch 語句

用於多條件等值判斷（使用===比較），需配合break防止穿透：

let num5 = 3;
switch (num5) {
  case 1:
    console.log("選了1");
    break;
  case 2:
    console.log("選了2");
    break;
  case 3:
    console.log("選了3"); // 匹配成功，輸出此句
    break;
  default:
    console.log("無匹配項");
}
// 輸出：選了3

三、循環語句🥝

1. while 循環

根據條件重複執行代碼塊，continue可跳過本次循環：

let n = 5;
while (n--) { // n從5遞減到0
  if (n === 3) continue; // 跳過n=3的循環
  document.write(`執行第${n}次<br/>`);
}
// 輸出：
// 執行第4次
// 執行第2次
// 執行第1次
// 執行第0次

2. for 循環

更靈活的循環方式，適合已知循環次數的場景，語法：

for (初始化; 條件; 更新) {
  // 循環體
}

示例：基本用法

// 輸出1-5
for (let i = 1; i <= 5; i++) {
  console.log(i); // 依次輸出1、2、3、4、5
}

總結🍂

本文全面講解了 JavaScript 核心運算符和流程控制：

• 自增運算符的前綴/後綴差異影響返回值
• 比較運算符中===比==更嚴格（檢查類型）
• 邏輯運算符依賴真值/假值轉換
• 條件判斷：if適合區間判斷，switch適合等值判斷
• 循環：while適合未知次數，for適合已知次數，靈活使用continue和break