JS的運算子

阿新 • • 發佈：2021-07-11

算數運算子

'''
加(＋)、 減(－)、 乘(*) 、除(/) 、餘數(% )  加、減、乘、除、餘數和數學中的運算方法一樣  例如：9/2=4.5，4*5=20，9%2=1

-除了可以表示減號還可以表示負號  例如：x=-y

+除了可以表示加法運算還可以用於字串的連線  例如："abc"+"def"="abcdef"
'''

遞增(＋＋) 、遞減(－－)

'''
假如x=2，那麼x++表示式執行後的值為3，x--表示式執行後的值為1i++相當於i=i+1，i--相當於i=i-1遞增和遞減運算子可以放在變數前也可以放在變數後：--i    
var i=1;
console.log(i++);
console.log(++i);
console.log(i--);
console.log(--i);
 
'''

一元加減法

'''
var a=1;
var b=1;
a=-a;  // a=-1
var c="10";  
alert(typeof (c));
c=+c;    //型別轉換    
alert(typeof (c));

//-------------------    
var d="yuan";
d=+d;
alert(d);
//NaN:屬於Number型別的一個特殊值,當遇到將字串轉成數字無效時,就會得到一個NaN資料
alert(typeof(d));//Number

//NaN特點:
var n=NaN;        
alert(n>3);    
alert(n<3);    
alert(n==3);    
alert(n==NaN);        
alert(n!=NaN);//NaN參與的所有的運算都是false,除了!=
 
'''

邏輯運算子

'''
等於 ( == )  、不等於( != ) 、 大於( > ) 、 小於( < )  大於等於(>=) 、小於等於(<=)
與 (&&) 、或(||) 、非(!)
1 && 1 = 1  
1 || 1 = 1
1 && 0 = 0  
1 || 0 = 1
0 && 0 = 0  
0 || 0 = 0
!0=1
!1=0
'''

邏輯 AND 運算子(&&)

邏輯 AND 運算的運算數可以是任何型別的，不止是 Boolean 值。

如果某個運算數不是原始的 Boolean 型值，邏輯 AND 運算並不一定返回 Boolean 值：

如果某個運算數是 null，返回 null。
如果某個運算數是 NaN，返回 NaN。
如果某個運算數是 undefined，返回undefined。

邏輯 OR 運算子(||)

與邏輯 AND 運算子相似，如果某個運算數不是 Boolean 值，邏輯 OR 運算並不一定返回 Boolean 值

賦值運算子

'''
賦值 = 
JavaScript中=代表賦值，兩個等號==表示判斷是否相等

例如，x=1表示給x賦值為1
if (x==1){...}程式表示當x與1相等時
if(x==“on”){…}程式表示當x與“on”相等時

配合其他運算子形成的簡化表示式
例如i+=1相當於i=i+1，x&=y相當於x=x&y(&和|是位運算子，與&&和||不一樣)
'''

等性運算子

執行型別轉換的規則如下：

如果一個運算數是 Boolean 值，在檢查相等性之前，把它轉換成數字值。false 轉換成 0，true 為 1。
如果一個運算數是字串，另一個是數字，在檢查相等性之前，要嘗試把字串轉換成數字。
如果一個運算數是物件，另一個是字串，在檢查相等性之前，要嘗試把物件轉換成字串。
如果一個運算數是物件，另一個是數字，在檢查相等性之前，要嘗試把物件轉換成數字。

在比較時，該運算子還遵守下列規則：

值 null 和 undefined 相等。
在檢查相等性時，不能把 null 和 undefined 轉換成其他值。
如果某個運算數是 NaN，等號將返回 false，非等號將返回 true。
如果兩個運算數都是物件，那麼比較的是它們的引用值。如果兩個運算數指向同一物件，那麼等號返回 true，否則兩個運算數不等。

關係運算符(重要)

var bResult="Blue"<"alpha";
alert(bResult);  // 輸出 true

在上面的例子中，字串 "Blue" 小於 "alpha"，因為字母 B 的字元程式碼是 66，字母 a 的字元程式碼是 97。

比較數字和字串

另一種棘手的狀況發生在比較兩個字串形式的數字時，比如：

var bResult="25"<"3";
alert(bResult); // 輸出 "true"

上面這段程式碼比較的是字串 "25" 和 "3"。兩個運算數都是字串，所以比較的是它們的字元程式碼（"2" 的字元程式碼是 50，"3" 的字元程式碼是 51）。

不過，如果把某個運算數該為數字，那麼結果就有趣了：

var bResult="25"<3;
alert(bResult); // 輸出 "false"

這裡，字串 "25" 將被轉換成數字 25，然後與數字 3 進行比較，結果不出所料。

總結：

比較運算子兩側如果一個是數字型別,一個是其他型別,會將其型別轉換成數字型別.
比較運算子兩側如果都是字串型別,比較的是最高位的asc碼,如果最高位相等,繼續取第二位比較.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>標題</title>
</head>
<body>

    <script>
        /* 遞增遞減 */
        // var i=10;
        // i++; 自增+1
        // i--; 自增-1
        // ++i; 自增+1
        // --i; 自增-1
        // console.log(i);

        // console.log(++i); // 11
        // 先做加法，自增+1，那麼i=11(先計算再列印)

        // console.log(--i); // 10
        // 先做減法，自減-1，那麼i=10(先計算再列印)

        // console.log(i++); // 10
        // 先列印i=10，再做自增+1，此時i=11(先列印再計算)

        // console.log(i--); // 11
        // 先列印i=11，再做自建-1，此時i=10(先列印再計算)

        // console.log(i) // 10


        /* 一元加減法 */
        // var a=1;
        // a+=2; // 3
        // a-=2; // -1
        // a=+2; // 2
        // a=-2; // -2
        // console.log(a);


        /* 運算子的值型別轉化與表示式的值型別轉換 */
        // var b='8';
        // console.log(typeof b); // string
        // ++b; // 字串轉換成了數字型別再相加
        // b=+b; // 字串轉換成了數字型別
        // console.log(b); // 9
        // console.log(typeof b); // number
        //
        // var x='1'+2; // 表示式中數字型別轉換成了字串
        // console.log(x); // 12
        // console.log(typeof x); // string


        /* NaN的比較運算 */
        // var c=NaN; // 除了!=是true，所有==都是false
        // console.log(c==0); // false
        // console.log(c!=0); // true
        // console.log(c=='0'); // false
        // console.log(c!='0'); // true
        // console.log(c==false); // false
        // console.log(c!=false); // true
        // console.log(c==NaN); // false
        // console.log(c!=NaN); // true


        /* ===和!==運算子 */
        // var d=4; // ===表示值型別與值都要相等；!==表示值型別與值都要不相等
        // console.log(d===4); // true
        // console.log(d!==4); // false
        // console.log(d==='4'); // false
        // console.log(d!=='4'); // true
        // console.log(d=='4'); // true
        // console.log(d!='4'); // false

        /* &&與，下面幾個可以發現返回的都是為假，只有都為真那就返回的是真(在js中&&運算子優先順序大於||) */
        // console.log(true&&null); // null
        // console.log(false&&null); // false
        // console.log(true&&undefined); // undefined
        // console.log(false&&undefined); // false
        // console.log(true&&NaN); // NaN
        // console.log(false&&NaN); // false

        /* ||或，只有都為假才返回假，其餘都是真 */
        // console.log(1||true); // 1
        // console.log(true||false); // true
        // console.log(true||null); // true
        // console.log(true||undefined); // true
        // console.log(true||NaN); // true
        // console.log(0||false); // false
        // console.log(false||null); // null
        // console.log(false||undefined); // undefined
        // console.log(false||NaN); // NaN

        /* !非，取相反Boolean值，要麼true要麼false */
        // console.log(!0); // true
        // console.log(!1); // false

        /* > < >= <=運算子 */
        // console.log(5>6); // false，同為數字型別，直接比較大小
        // console.log(5>'6'); // false，先把'6'轉換成6，再做比較
        // console.log(5>true); // true，true為1
        // console.log(5>false); // true，false為0
        // console.log('5'>'a'); // false，兩個都是字串，比較的是字元對應的阿斯克碼，5為69，a為113
        // console.log('5'>true); // 同理，字串'5'轉為數字5
        // console.log('5'>false); // 同理，字串'5'轉為數字5
    </script>

</body>
</html>

while True: print('studying...')