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. 逗號 (, )
avatar-img
15會員
111內容數
日後將分享關於我的經驗(日常、工作、技術),並期待未來能創造屬於我的宇宙。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Michael楊 的其他內容
這些章節的目的是為了介紹JavaScript中的各種數據類型,包括基礎類型和物件類型,以及如何將數據從一種類型轉換為另一種類型。此外,還介紹了如何創建自定義類型,以及如何使用JavaScript中的陣列、集合和字典。
本章目的是為讀者提供有關如何設置JavaScript開發環境的知識,包括在瀏覽器、Node.js和各種編輯器和IDE中編寫和運行JavaScript的信息。此外,本章還介紹了如何架設本地開發伺服器以模擬實際的網頁環境。這些知識對於希望開發前端應用或後端服務的JavaScript開發者來說都是必要的。
在本章節中,我們將學習JavaScript的基本語法,包括如何註解代碼和如何聲明變數。瞭解這些基礎知識對於進一步學習和使用JavaScript來編寫代碼是非常重要的。
JavaScript是一種具有動態型別、弱型別、原型繼承等特性的高級腳本語言,應用範圍廣泛,包括前端開發、後端開發、移動應用等。它被各種公司和開源社區廣泛使用。學習JavaScript需要掌握ECMAScript標準、異步編程、模塊系統等知識。
本章講述了C#開發中的程序集,命名空間和 NuGet 包管理器。程序集是 .NET 應用的基礎,命名空間用於組織和預防命名衝突,而 NuGet 用於管理 .NET 的外部庫和依賴項。
本章節介紹C#的「例外處理」,包括使用try-catch語法處理錯誤,finally關鍵字的使用,以及如何主動引發和自定義異常。
這些章節的目的是為了介紹JavaScript中的各種數據類型,包括基礎類型和物件類型,以及如何將數據從一種類型轉換為另一種類型。此外,還介紹了如何創建自定義類型,以及如何使用JavaScript中的陣列、集合和字典。
本章目的是為讀者提供有關如何設置JavaScript開發環境的知識,包括在瀏覽器、Node.js和各種編輯器和IDE中編寫和運行JavaScript的信息。此外,本章還介紹了如何架設本地開發伺服器以模擬實際的網頁環境。這些知識對於希望開發前端應用或後端服務的JavaScript開發者來說都是必要的。
在本章節中,我們將學習JavaScript的基本語法,包括如何註解代碼和如何聲明變數。瞭解這些基礎知識對於進一步學習和使用JavaScript來編寫代碼是非常重要的。
JavaScript是一種具有動態型別、弱型別、原型繼承等特性的高級腳本語言,應用範圍廣泛,包括前端開發、後端開發、移動應用等。它被各種公司和開源社區廣泛使用。學習JavaScript需要掌握ECMAScript標準、異步編程、模塊系統等知識。
本章講述了C#開發中的程序集,命名空間和 NuGet 包管理器。程序集是 .NET 應用的基礎,命名空間用於組織和預防命名衝突,而 NuGet 用於管理 .NET 的外部庫和依賴項。
本章節介紹C#的「例外處理」,包括使用try-catch語法處理錯誤,finally關鍵字的使用,以及如何主動引發和自定義異常。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
Thumbnail
JS 資料型別分為兩大類,原始型別 (Primitive values) 和物件型別 (Objects)。
Thumbnail
類別 (class) 是在 ES6 中引入,用來作為建立新物件的模板。它可以將程式碼封裝起來。
Thumbnail
在網頁開發中,時間與日期的處理是重要且基礎的部分,本文將介紹 JavaScript 中的日期的處理方法,並提供範例程式來協助你理解。
Thumbnail
專案產生大量又瑣碎的作業做處理,眼下要從iReport的設定檔(jrxml)擷取每一項套印參數出來,提供給別人做Excel公式的資料表進行作業。
Thumbnail
JavaScript 的關鍵價值 JavaScript 是一種強大且廣泛使用的編程語言,具有許多價值和應用。以下整理 JavaScript 的關鍵價值: 客戶端網頁開發、跨平台開發: JavaScript 是種瀏覽器的語言,可實現動態網頁效果,並通過操作 HTML 和 CSS,使網頁互動性提昇,提供
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
Thumbnail
JS 資料型別分為兩大類,原始型別 (Primitive values) 和物件型別 (Objects)。
Thumbnail
類別 (class) 是在 ES6 中引入,用來作為建立新物件的模板。它可以將程式碼封裝起來。
Thumbnail
在網頁開發中,時間與日期的處理是重要且基礎的部分,本文將介紹 JavaScript 中的日期的處理方法,並提供範例程式來協助你理解。
Thumbnail
專案產生大量又瑣碎的作業做處理,眼下要從iReport的設定檔(jrxml)擷取每一項套印參數出來,提供給別人做Excel公式的資料表進行作業。
Thumbnail
JavaScript 的關鍵價值 JavaScript 是一種強大且廣泛使用的編程語言,具有許多價值和應用。以下整理 JavaScript 的關鍵價值: 客戶端網頁開發、跨平台開發: JavaScript 是種瀏覽器的語言,可實現動態網頁效果,並通過操作 HTML 和 CSS,使網頁互動性提昇,提供