JS漫遊記-12-邏輯運算子

2024 iThome 鐵人賽

DAY 12

自我挑戰組

JS漫遊記系列第 12 篇

16th鐵人賽 js javascript js漫遊記 js學習筆記

joycechou_914

2024-08-24 18:47:26

157 瀏覽

分享至

嗨嗨~又到了美好的假日時光~
大家有睡好吃飽嗎~我還是一如往常很想要睡覺
那沒有邏輯的914要來講邏輯運算子了!XD

今天要來提邏輯運算子的部分，下篇文章會來提到對於短路特性的研究!
前情提要&注意事項
1.if...else目前還沒有提到詳細提到，但這裡會小說明一下唷
2.以下為程式碼說明:

if (條件) {
    // 如果條件為真，執行這裡的程式碼
} else {
    // 如果條件為假，執行這裡的程式碼
}

&& 所有條件皆符合
其實就是什麼條件都要符合辣~不能夠有任何一個條件少(偏麻煩的一個邏輯運算子XD)

&&的舉例-註冊表單驗證
假設有一個註冊表單，要求使用者必須填寫所有必填欄位才能提交喔


let username = "joyce";//宣告使用者名字
let email = "joyce914@gmail.com";//宣告信箱
let password = "joyce914";//宣告密碼

// 假設這些都是必填欄位，檢查是否都已填寫
if (username && email && password) { //()中的判斷式:username、email、password為這三個都有寫的話
  console.log("所有必填欄位已填寫，可以提交註冊表單。");//印出所有必填欄位已填寫，可以提交註冊表單。
} else { //如果都沒有填寫的話
  console.log("請填寫必填欄位");//印出請填寫必填欄位。
}
// 印出: 所有必填欄位已填寫，可以提交註冊表單

|| 符合一項條件
符合任何一項條件即可唷

||的舉例-認證方式檢查
使用者可以使用不同的認證方式登入，比如使用電子郵件或者社交媒體帳號進行登入。

let isEmailLogin = true; //使用者使用信箱登入
let isSocialLogin = false;//使用者使用社群媒體登入

// 檢查是否有使用任何一種登入方式
if (isEmailLogin || isSocialLogin) { //如果使用者用信箱或式社群媒體登入
    console.log("登入成功。");//印出登入成功
} else {//否則
    console.log("請選擇一種有效的登入方式。");//印出:請選擇一種有效的登入方式
}
// 印出: 登入成功。

** ! (Not) **

Not 會把改變原本的意思，將其變成相反值。有點尷尬!好饒口XD
所以呢~我們來看舉例哈哈

var n1 = !true; // !true 回傳 false
var n2 = !false; // !false 回傳 true
var n3 = !"Cat"; // !Cat 回傳 false

!的舉例-登錄方式
假設有一個應用程序，需要檢查用戶是否未登入。

let isLoggedIn = true;//使用者已經登入系統(宣告變數isLoggedIn被設為布林值 true，表示使用者已經登入系統)

// 檢查用戶是否未登入
if (!isLoggedIn) {  //因為使用 ! 所以是:用戶沒有登入的狀況
    console.log("用戶未登入");//印出:用戶未登入
}else {//否則
    console.log("用戶已登入");//印出:用戶已登入
}
// 印出: 用戶已登入

是超級新手，若有任何建議或是錯誤的部分，歡迎底下留言唷thanks
我們下篇文章見掰掰~