在本部落格中,我們將深入研究 JavaScript 中條件分支的世界。我們將探討 if 語句、else 子句、else if 構造以及條件(三元)運算子 ?。讀完本部落格後,您將對如何控制 JavaScript 程式的流程有深入的了解。
if 語句用於在指定條件為 true 時執行程式碼區塊。
文法:
if (condition) { // code to execute if condition is true }
範例:
let age = 18; if (age >= 18) { console.log("You are an adult."); }
在 JavaScript 中,任何值都可以轉換為布林值。以下值被視為 false:
所有其他值被視為true。
範例:
let value = 0; if (value) { console.log("Value is true."); } else { console.log("Value is false."); } // Output: Value is false.
else 子句用於在 if 語句中的條件為 false 時執行程式碼區塊。
文法:
if (condition) { // code to execute if condition is true } else { // code to execute if condition is false }
範例:
let age = 15; if (age >= 18) { console.log("You are an adult."); } else { console.log("You are a minor."); }
else if 構造可讓您檢查多個條件。
文法:
if (condition1) { // code to execute if condition1 is true } else if (condition2) { // code to execute if condition2 is true } else { // code to execute if none of the conditions are true }
範例:
let score = 85; if (score >= 90) { console.log("Grade: A"); } else if (score >= 80) { console.log("Grade: B"); } else if (score >= 70) { console.log("Grade: C"); } else { console.log("Grade: D"); }
條件(三元)運算子 ? 是 if-else 語句的簡寫。
文法:
condition ? exprIfTrue : exprIfFalse;
範例:
let age = 20; let message = age >= 18 ? "You are an adult." : "You are a minor."; console.log(message);
您可以連結多個條件運算子來處理更複雜的條件。
範例:
let score = 85; let grade = score >= 90 ? "A" : score >= 80 ? "B" : score >= 70 ? "C" : "D"; console.log("Grade:", grade);
條件運算子也可以以非傳統方式使用,例如指派預設值。
範例:
let userInput = ""; let result = userInput ? userInput : "Default Value"; console.log(result); // Output: Default Value
讓我們用一個實際範例將所有內容放在一起:
let temperature = 25; if (temperature > 30) { console.log("It's hot outside!"); } else if (temperature > 20) { console.log("It's warm outside."); } else if (temperature > 10) { console.log("It's cool outside."); } else { console.log("It's cold outside."); } let weather = temperature > 30 ? "hot" : temperature > 20 ? "warm" : temperature > 10 ? "cool" : "cold"; console.log("The weather is:", weather);
條件分支是 JavaScript 中的一個基本概念,它允許您根據各種條件控製程式的流程。透過掌握if、else、else if 和條件運算子?,您將能夠編寫更動態且響應式的程式碼程式碼。不斷練習和探索,加深對 JavaScript 條件分支的理解。
請繼續關注更多關於 JavaScript 的深入部落格!快樂編碼!
以上是JavaScript 中的條件分支:`if`、`else` 和 `?`的詳細內容。更多資訊請關注PHP中文網其他相關文章!