Javascript入門-Day5:運算符

閱讀時間約 5 分鐘

算數運算子

算數運算子用於數值計算:

  1. 加法 (+)
    let sum = 5 + 3; // 8
  2. 減法 (-)
    let difference = 5 - 3; // 2
  3. 乘法 (*)
    let product = 5 * 3; // 15
  4. 除法 (/)
    let quotient = 6 / 3; // 2
  5. 取餘數 (%)
    let remainder = 5 % 3; // 2
  6. 指數 (**)
    let power = 2 ** 3; // 8
  7. 遞增 (++)
    let a = 5;
    a++; // 6
  8. 遞減 (-)
    let b = 5;
    b--; // 4

比較運算子

比較運算子用於比較兩個值:

  1. 等於 (==)
    let isEqual = 5 == '5'; // true,因為自動類型轉換
  2. 全等於 (===)
    let isStrictEqual = 5 === '5'; // false,不同類型
  3. 不等於 (!=)
    let isNotEqual = 5 != '5'; // false,因為自動類型轉換
  4. 全不等於 (!==)
    let isStrictNotEqual = 5 !== '5'; // true,不同類型
  5. 大於 (>)
    let isGreater = 5 > 3; // true
  6. 小於 (<)
    let isLesser = 5 < 3; // false
  7. 大於或等於 (>=)
    let isGreaterOrEqual = 5 >= 5; // true
  8. 小於或等於 (<=)
    let isLesserOrEqual = 5 <= 5; // true

賦值運算子

賦值運算子用於給變數賦值:

  1. 簡單賦值 (=)
    let x = 5;
  2. 加法賦值 (+=)
    let x = 5;
    x += 3; // 相當於 x = x + 3,結果是 8
  3. 減法賦值 (-=)
    let x = 5;
    x -= 3; // 相當於 x = x - 3,結果是 2
  4. 乘法賦值 (*=)
    let x = 5;
    x *= 3; // 相當於 x = x * 3,結果是 15
  5. 除法賦值 (/=)
    let x = 6;
    x /= 3; // 相當於 x = x / 3,結果是 2
  6. 取餘賦值 (%=)
    let x = 5;
    x %= 3; // 相當於 x = x % 3,結果是 2
  7. 指數賦值 (**=)
    let x = 2;
    x **= 3; // 相當於 x = x ** 3,結果是 8

邏輯運算子

邏輯運算子用於布林值運算:

  1. AND (&&)
    let a = true && false; // false
  2. OR (||)
    let b = true || false; // true
  3. NOT (!)
    let c = !true; // false

位元運算子

位元運算子用於按位操作:

  1. AND (&)
    let result = 5 & 1; // 1,因為 0101 & 0001 = 0001
  2. OR (|)
    let result = 5 | 1; // 5,因為 0101 | 0001 = 0101
  3. XOR (^)
    let result = 5 ^ 1; // 4,因為 0101 ^ 0001 = 0100
  4. NOT (~)
    let result = ~5; // -6,因為 ~0101 = 1010(二進制補碼表示)
  5. 左移 (<<)
    let result = 5 << 1; // 10,因為 0101 << 1 = 1010
  6. 右移 (>>)
    let result = 5 >> 1; // 2,因為 0101 >> 1 = 0010
  7. 無符號右移 (>>>)
    let result = 5 >>> 1; // 2,因為 0101 >>> 1 = 0010

運算子的優先等級

運算子的優先等級決定了在表達式中運算子的計算順序。以下是 JavaScript 中一些常用運算子的優先等級,從高到低:

  1. 括號 (())
  2. 成員存取 (., [])、函數調用 (())、new (帶參數列表)
  3. new (無參數列表)
  4. 遞增/遞減 (++, --)(前綴和後綴)
  5. 邏輯非 (!)、按位非 (~)、一元正號 (+)、一元負號 (-)、類型轉換 (typeof)、刪除 (delete)、void
  6. 指數 (**)
  7. 乘法、除法、取餘數 (*, /, %)
  8. 加法、減法 (+, -)
  9. 按位移位 (<<, >>, >>>)
  10. 關係運算子 (<, <=, >, >=, in, instanceof)
  11. 相等運算子 (==, !=, ===, !==)
  12. 按位 AND (&)
  13. 按位 XOR (^)
  14. 按位 OR (|)
  15. 邏輯 AND (&&)
  16. 邏輯 OR (||)
  17. 條件 (?:)
  18. 賦值 (=, +=, -=, *=, /=, %=, **=, <<=, >>=, >>>=, &=, ^=, |=)
  19. 逗號 (, )
6會員
77內容數
日後將分享關於我的經驗(日常、工作、技術),並期待未來能創造屬於我的宇宙。
留言0
查看全部
發表第一個留言支持創作者!
你可能也想看
[ JavaScript 筆記] 變數 Variable & 值 Value 與他們的命名方式前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
avatar
YAL
2024-04-25
[ JavaScript 筆記] JavaScript 能做什麼前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
avatar
YAL
2024-04-24
[ JavaScript 筆記] JavaScript 定義前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
avatar
YAL
2024-04-23
JavaScript 有哪些資料型別? 怎麼辨別變數的資料型別?JS 資料型別分為兩大類,原始型別 (Primitive values) 和物件型別 (Objects)。
Thumbnail
avatar
阿榮
2024-04-09
JavaScript Class類別 (class) 是在 ES6 中引入,用來作為建立新物件的模板。它可以將程式碼封裝起來。
Thumbnail
avatar
阿榮
2024-03-27
JavaScript 程式札記 : 日期 Date在網頁開發中,時間與日期的處理是重要且基礎的部分,本文將介紹 JavaScript 中的日期的處理方法,並提供範例程式來協助你理解。
Thumbnail
avatar
梧笙
2024-01-29
【Javascript】檔案資料處理專案產生大量又瑣碎的作業做處理,眼下要從iReport的設定檔(jrxml)擷取每一項套印參數出來,提供給別人做Excel公式的資料表進行作業。
Thumbnail
avatar
2023-12-24
JavaScript 演義 #41: 群英戰呂布,英勇對陣JavaScript 演義 #41: 群英戰呂布,英勇對陣
Thumbnail
avatar
KH Huang
2023-12-20
【初學者】Javascript 新手快速入門JavaScript 的關鍵價值 JavaScript 是一種強大且廣泛使用的編程語言,具有許多價值和應用。以下整理 JavaScript 的關鍵價值: 客戶端網頁開發、跨平台開發: JavaScript 是種瀏覽器的語言,可實現動態網頁效果,並通過操作 HTML 和 CSS,使網頁互動性提昇,提供
Thumbnail
avatar
Dash
2023-06-22