1. 程式人生 > 實用技巧 >JavaScript基礎(03_運算子)

JavaScript基礎(03_運算子)

運算子

  • 意義:也叫操作符。通過運算子 可以對一個或者多個值,進行運算 並獲取運算結果

    • 比如:typeof 就是運算子,可以來獲得一個值的型別

    • 它會將該值的型別 以字串的形式返回

  • 算術運算子

    • 當對非Number型別的值進行運算時,會將這些值先轉換為Number型別,然後進行計算

    • (true=1,false=0,null=0,NaN和任意數運算結果都為NaN)

    • "+", 加法運算 返回結果(字串加法運算=拼接)

      • 任何值和字串做加法運算 ,都會先轉為字串,再進行字串拼接

    • "-", 可以通過 -0 *1 /1 來將String型別的數字 轉換為Number型別

    • "*", 乘積

    • "/", 除法

    • "%", 求模

自增和自減
  • 自增

    • 通過自增可以使變數在自身的基礎上增加1

    • 對一個變數自增以後,原變數的值會立刻自增1

    • 自增分成兩種;

      • 後++(a++)

      • 前++(++a)

        • 無論是a++ 還是++a 都會立即使原變數的值自增1

        • 不同的是a++ 和 ++a的值不同

        • a++的值等於原變數自增以前的值

        • ++a的值等於原變數自增以後的值

  • 自減

    • 通過自減可以使變數在自身的基礎上減1

    • 自減分成兩種

      • 後-- (a--)

      • 前--(--a)

        • 無論是a-- 還是--a 都會立即使原變數的值減1

        • 不同的是a-- 和--a的值不同

        • a--的值等於原變數自減以前的值

        • --a的值等於原變數自減以後的值

邏輯運算
  • !(非)

    • 非運算:就是指對一個布林值進行取反操作。

    • 如果對一個值進行兩次取反,值不會發生變化

    • 如果對非布林值進行取非運算,則會先將該值轉換為布林值,再進行取非運算

  • &&(與)

    • 與運算:對符號兩側的值進行與運算並返回結果

    • true true 為true

    • 其他情況都是false

    • 與運算是在找false,如果遇到false,則false後面的表示式則不會再去運算了(短路與)

  • ||(或)

    • 或運算:可以對符號兩側的值進行或運算,並返回結果

    • 兩個值中只要有一個true,則返回true

    • 如果兩個值都是false,才返回false

    • 或運算是,找true運算(短路或)

賦值運算子
  • = : 可以將符號右側的值賦值給左側的變數

  • += : a += 5 等價於 a = a + 5

  • -= : a -= 5 等價於 a = a - 5

  • *= : a *= 5 等價於 a = a * 5

  • /= : a /= 5 等價於 a = a / 5

  • %= : a 5= 5 等價於 a = a % 5

關係運算符
  • 通過關係運算符可以比價兩個值之間的大小關係,

  • 如果關係成立它會返回true,如果關係不成立則返回false

    • > 大於號

      • 判斷符號左側的值是否大於右側的值

      • 如果關係成立,返回true,如果關係不成立則返回false

    • >= 大於等於

      • 大於或者等於

    • < 小於號

    • <= 小於等於

      • 小於或者等於

    • == 相等運算子

      • 如果相等則返回true,否則返回 false

      • 如果值型別不同,則自動進行型別轉換 ,轉為相同型別後進行比較。

      • undefined 衍生自null,這兩個值做相等判斷時,會返回true

      • NaN不和任何值相等,包括他本身

    • != 不相等運算子

      • 如果不相等返回true,否則返回false

    • === 全等:用來判斷兩個值是否全等,他和相等類似,它不會自動做型別轉換。

      • 如果兩個值型別不同,則直接返回false

    • !== 不全等:用來判斷兩個值不全等,和不等類似,它不會自動做型別轉換。

      • 如果兩個值型別不同,則直接返回true

條件運算子
  • 條件運算子也叫三元運算子

  • 語法:

    • 條件表示式?:語句1:語句2

      • 執行流程:

      • 條件運算子在執行時,首先對條件表示式進行求值

      • 如果該值為true,則執行語句1,並返回執行結果

      • 如果該值為false,則執行語句2,並返回執行結果

      var a = prompt("plz input:");
      var b = prompt("plz input again:");
      a > b ? alert("a big"):alert("b big");
  • 在網頁中使用unicode編碼

<!-- 在網頁中使用unicode編碼 : &#10進位制編碼數字 -->
<h1>&#9760</h1>