史上最詳細JavaScript的運算符解析（一）

史上最詳細JavaScript的運算符解析（一）

今天，我們來講一下JavaScript的運算符這一部分知識點。說到運算符，其實我們在上學期間已經接觸到過不少，比如說+ - × ÷，=，還有大小的比較等等。但是今天我們要講的JavaScript的運算符不僅僅這些。在JavaScript中，運算符可以分爲四大類：

1. 賦值運算符
2. 算數運算符
3. 比較運算符
4. 邏輯運算符

1.賦值運算符

賦值運算符只有一個，那就是 = 。最常見的是給變量賦值。

var a=10;
var b=20;

2.算術運算符

算術運算符主要包含我們最常見的 + - × ÷ ，當然還有一個 % ，取模，也就是數學裏邊的取餘。

    console.log(a+b);//30
    console.log(a-b);//-10
    console.log(a*b);//200
    console.log(a/b);//0.5
    console.log(a%b);//10  相當於是 10/20=0···10  餘數爲10

3.比較運算符

比較運算符主要我們最常見的 > < >= <= ,除此之外還有 == ,!= , === , !== ,當然比較運算符主要是用來做判斷的條件。

    console.log(a>b);//false
    console.log(10<5);//false
    console.log(a>=b);//false
    console.log(a<=b);//true

接下來主要說一下 == , != , === , !==

    var num=10;
    var num2=20;
    var str="10"; 
    console.log(a==b);//false   ==  判斷   符號兩邊的 值 是否相等
    console.log(num==str);//true   
    console.log(a!=b);//true   
    console.log(num===str);//fasle  絕對等於   符號兩邊的值和數據類型都相同
    console.log(num!==num2);//true   不絕對等於   符號兩邊的值 或 數據類型不相同
    console.log(num!==str);//true
    console.log(num2!==str);//true

總結一下比較運算符，= 爲賦值，== 爲比較，比較 == 符號兩邊的值是否相等，同 時== 和!= 爲相互取反，即!=表示符號兩邊的值不相等時返回true。===爲絕對等於，即判斷符號兩邊的值和數據同時相同纔會返回true，!==與 ===相互取反，即不絕對等於，只有當符號左右兩邊的值和數據都想同時纔會返回false，其他情況都返回true。

4.邏輯運算符

最後我們再來說一下邏輯運算符，說到邏輯運算符，即高中物理課本所學到的與或非，在JavaScript中用 && || !來表示。

    console.log(a>5&&b>20&&num>10);//false   所有條件都成立時返回true
    console.log(a>5||b>20);//true      條件之一成立返回true
    console.log(!(a>5&&b>20&&num>10));//true   
    console.log(!(a>5||b>20));//false
    console.log(!(!true));

此處主要強調一下 !,這裏的!主要是表達取反的意思，即當判斷爲true時，前面加上!則變爲false。