上一課： 第 18 課：控制流程 if-else 與 switch ｜ 下一課： 第 20 課：迴圈與遍歷 for 與 while

第 19 課：運算式條件與進階控制範例

課程摘要：本課將深入探討條件運算式、邏輯運算子與三元運算子的用法，並結合進階控制技巧撰寫更精簡、靈活的判斷邏輯。

學習目標

1. 理解布林邏輯與條件運算式的評估方式。
2. 熟悉 &&、||、! 的應用。
3. 能靈活運用三元運算子 (?:) 優化程式。

課程大綱

• 邏輯運算子：AND、OR、NOT
• 三元運算子 (Conditional Operator)
• 運算優先順序與短路運算
• 條件組合與進階控制模式

核心概念解說

JavaScript 中的邏輯運算子可用於簡化多重判斷式：

let age = 25;
let hasID = true;

if (age >= 18 && hasID) {
  console.log("✅ 可以進入");
} else {
  console.log("❌ 不符合條件");
}
  

三元運算子可在一行內完成條件判斷：

let score = 82;
let result = (score >= 60) ? "及格 🎉" : "不及格 😢";
console.log(result);
  

還能利用邏輯運算進行「短路運算」：

let name = "";
let displayName = name || "訪客";  // 若 name 為空字串，則使用「訪客」
console.log(displayName); // 訪客
  

互動式範例

範例說明：嘗試改變輸入條件或使用不同運算子觀察結果。

常見錯誤與除錯指南

• = 是賦值運算子，不可誤用於條件比較（應使用 === 或 !==）。
• 短路運算會直接回傳第一個可判真值，需理解其邏輯順序。
• 過多巢狀三元運算會降低可讀性，應謹慎使用。

小測驗（附解析）

1. 若 age = 17, hasID = true，則 age >= 18 && hasID 結果為？
   答案： false。
2. 三元運算子語法結構為？
   答案： 條件 ? 結果1 : 結果2。

複習與下一步

你已掌握邏輯與條件運算式的進階應用。 下一課將進入 「迴圈與遍歷 for 與 while」， 學習如何讓程式重複執行並處理大量資料。