更新於 2024/08/30閱讀時間約 2 分鐘

JavaScript 程式札記 : 條件運算子

什麼是條件運算子?

JavaScript 的條件運算子,是一種簡短且具有條件判斷功能的運算子,這個運算子提供了一種簡潔的方式來進行條件判斷,而不需要使用更冗長的if...else語句。

條件運算子基本語法

條件運算子的語法非常簡單,它由三部分組成:

條件 ? 表達式1 : 表達式2
  1. 條件:用於決定哪個表達式將被執行。
  2. 表達式1:如果條件為真(true),則此表達式將被執行。
  3. 表達式2:如果條件為假(false),則此表達式將被執行。
let result = (10 > 5) ? "大於" : "小於或等於";
console.log(result); // 輸出 "大於"

在上面的例子中,因為10 > 5是真的,所以"大於"這個字符串被賦值給了result

條件運算子實際應用

以下是一些常見的條件運算子使用情境:

  1. 基於條件賦值:如下面範例所示,可以基於某個條件來給變數賦值。
let speed = 90;
let status = (speed > 100) ? "超速" : "正常";
console.log(status); // 輸出 "正常"
  1. 函數中的簡短返回:在函數中,可以使用條件運算子來進行快速的返回。
function isAdult(age) {
return (age >= 18) ? "成年" : "未成年";
}
let jack = isAdult(20);
console.log(jack); // 輸出 "成年"
  1. 處理選項或設定:當需要基於某些條件來設定選項或配置時,條件運算子也很實用。
let check = true;
let options = {
fontSize: (check) ? "24px" : "16px"
};
console.log(options.fontSize); // 輸出 "24px"​

😊 感謝你的耐心閱讀,若是你喜歡這篇內容,可以透過以下方式表達你的喜歡 😊

❤️按個愛心|💬留言互動|🔗分享此文|📌追蹤阿梧|☕請喝咖啡

分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.