邏輯運算子

Frontend SELF TW
等級 34 , 課堂 1
開放

7.1 布林代數

在 JavaScript 中,有一種特定的邏輯資料型態,可以用來檢查條件與運算式的真實性。 在 JavaScript 中,它用關鍵字 Boolean 表示,用來表示其中一個值:true(真)或 false(假)。

布林代數

這類型資料在程式設計中非常有用,可以透過條件運算子控制程式的執行順序,例如 ifelse,還有控制迴圈和其他結構。

而邏輯運算子則用來對布林值進行邏輯運算。

主要的邏輯運算子:

  • 邏輯 AND(用 && 表示)
  • 邏輯 OR(用 || 表示)
  • 邏輯 NOT(用 ! 表示)

我們來更詳細看看每一個運算子。

7.2 邏輯 AND (&&)

邏輯 AND 運算子會回傳 true,當且僅當兩個運算元都為真。否則它會回傳 false

語法:

    
      a && b
    
  

範例:

JavaScript
    
      let a = true;
      let b = false;
      console.log(a && b); // false
    
  

應用:

運算子 && 常常用在條件語句中,用來檢查多個條件是否同時為真。

JavaScript
    
      let age = 25;

      let hasLicense = true;

      if (age >= 18 && hasLicense) {
          console.log('你可以開車。');
      }
    
  

7.3 邏輯 OR (||)

邏輯 OR 運算子只要有一個運算元為真,便會回傳 true。如果兩個運算元都為假,會回傳 false

語法:

    
      a || b
    
  

範例:

JavaScript
    
      let a = true;
      let b = false;
      console.log(a || b); // true
    
  

應用:

運算子 || 用來檢查至少一個條件為真。

JavaScript
    
      let isWeekend = true;
      let isHoliday = false;

      if (isWeekend || isHoliday) {
        console.log('今天是休息日。');
      }
    
  

7.4 邏輯 NOT (!)

邏輯 NOT 運算子當運算元為假時,回傳true;當運算元為真時,回傳false。它會反轉布林值。

語法:

    
      !a
    
  

範例:

JavaScript
    
      let a = true;
      console.log(!a); // false
    
  

應用:

運算子 ! 常用來反轉布林值和檢查否定條件。

JavaScript
    
      let isRaining = false;

      if (!isRaining) {
        console.log('可以去散步。');
      }
    
  

7.5 比較運算子

為了執行邏輯運算,常會使用比較運算子,它們會回傳布林值:

運算子 描述 範例 結果
== 等於 5 == '5' true
=== 嚴格等於(不進行型態轉換) 5 === '5' false
!= 不等於 5 != '5' false
!== 嚴格不等於(不進行型態轉換) 5 !== '5' true
> 大於 10 > 5 true
< 小於 10 < 5 false
>= 大於或等於 10 >= 10 true
<= 小於或等於 10 <= 5 false

比較運算子的使用範例

運算子 == 和 ===

JavaScript
    
      console.log(5 == '5');  // true (型態轉換)
      console.log(5 === '5'); // false (嚴格比較)
    
  

運算子 != 和 !==

JavaScript
    
      console.log(5 != '5');  // false (型態轉換)
      console.log(5 !== '5'); // true (嚴格比較)
    
  

運算子 >, <, >=, <=

JavaScript
    
      console.log(10 > 5);    // true
      console.log(10 < 5);    // false
      console.log(10 >= 10);  // true
      console.log(10 <= 5);   // false
    
  
留言
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION