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. 逗號 (, )
15會員
111內容數
日後將分享關於我的經驗(日常、工作、技術),並期待未來能創造屬於我的宇宙。
留言0
查看全部
發表第一個留言支持創作者!
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
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
前言: 前一篇講了 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
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
Thumbnail
JS 資料型別分為兩大類,原始型別 (Primitive values) 和物件型別 (Objects)。
Thumbnail
類別 (class) 是在 ES6 中引入,用來作為建立新物件的模板。它可以將程式碼封裝起來。
Thumbnail
在網頁開發中,時間與日期的處理是重要且基礎的部分,本文將介紹 JavaScript 中的日期的處理方法,並提供範例程式來協助你理解。
Thumbnail
專案產生大量又瑣碎的作業做處理,眼下要從iReport的設定檔(jrxml)擷取每一項套印參數出來,提供給別人做Excel公式的資料表進行作業。
Thumbnail
JavaScript 的關鍵價值 JavaScript 是一種強大且廣泛使用的編程語言,具有許多價值和應用。以下整理 JavaScript 的關鍵價值: 客戶端網頁開發、跨平台開發: JavaScript 是種瀏覽器的語言,可實現動態網頁效果,並通過操作 HTML 和 CSS,使網頁互動性提昇,提供