iT邦幫忙

2024 iThome 鐵人賽

DAY 22
0
JavaScript

30天享用JavaScript概念三明治系列 第 22

Day22:邏輯運算子

  • 分享至 

  • xImage
  •  

邏輯運算子 (P2-42)

  • 邏輯運算子在JavaScript中用在布林值(truefalse)上進行操作,以生成布林結果。
  • 通常用在if判斷式、循環以及其他需要進行條件評估的地方。主要的邏輯運算子有下列三種:

「&&」AND運算子

用於檢查兩個條件是否都為true
兩個條件都為true,則結果為true,否則為false

語法:

condition1 && condition2

範例:年齡和身份證查驗。

let age = 20;
let hasID = true;

if (age >= 18 && hasID) {
    console.log("成年可以喝酒。");
} else {
    console.log("未成年不能喝酒。");
}
// 成年可以喝酒。

說明:當變數age大於等於18且hasID為true時,才會回傳「成年可以喝酒。」


「||」OR運算子

用於檢查至少一個條件是否為true
其中一個條件為true,則結果為true,只有當所有條件都為false時結果才為false

語法:

condition1 || condition2

範例:飲料可不可以加牛奶。

let coffe = false;
let tea = true;

if (coffe || tea) {
    console.log("可以加牛奶。");
} else {
    console.log("不可以加牛奶。");
}
// 可以加牛奶。

說明:變數coffe是false,但tea是true。由於coffee || tea的結果是true,所以回傳「可以加牛奶。」


「!」NOT運算子

代表反向的邏輯。它將操作數的布林值true變成false,將false變成true

語法:

!condition

範例:下雨了還要出門嗎?

let isRain= true;

if (!isRain) {
    console.log("雨停了就出門。");
} else {
    console.log("下雨就待在家。");
}
// 下雨就待在家。

說明:變數isRain為true成立時表示下雨了,使用!isRain會將其取反為false,因此回傳「下雨就待在家。」


上一篇
Day21:if、else判斷式
下一篇
Day23:Falsy Value & Truthy Value
系列文
30天享用JavaScript概念三明治30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言