所謂操作符,就是用來操作數(shù)據(jù)值的符號,在JavaScript中包括算術(shù)操作符、位操作符、關(guān)系操作符和相等操作符。這些操作符可以操作所有類型的數(shù)據(jù),比如字符串、數(shù)字、布爾值,甚至對象。
一元操作符
所謂一元操作符就是只能對一個數(shù)據(jù)值進行操作,比如(遞增、遞減)操作符。
遞增、遞減操作符是直接借鑒C語言的,它分前置型和后置型。前置就是操作符在要操作的變量之前,后置在變量之后。
如下示例:
// 前置型let age = 20;++age; // 遞增console.log(age); // 結(jié)果輸出21–age;//遞減console.log(age); // 結(jié)果輸出20
如上面例子,age通過++操作符遞增變成21,又通過–操作符遞減變成20;上面的操作等同下面的操作:
// 后置型let age = 20;age = age + 1; // 加1age = age -1; // 減1
同理使用后置操作符會得到上面同樣的結(jié)果,但是前置和后置有區(qū)別。前置操作符在語句被求值以前改變,后置是在語句被求值后改變。通過下面的例子看下其區(qū)別:
// 前置let age = 20;let anotherAge = –age + 5;alert(age); // 輸出19alert(anotherAge); // 輸出24
由于前置操作符的優(yōu)先級和執(zhí)行語句相等,因此會從左到右依次求值。上面的–age 會先進行遞減操作,再繼續(xù)后面的 + 5 運算,所以結(jié)果是24。
// 后置時let age = 20;let anotherAge = age– + 5;alert(age); // 輸出19alert(anotherAge); // 輸出25
但是后置的最終結(jié)果卻是25,因為age– 使用了遞減前的值繼續(xù)和后面進行+5運算。
如果使用一個加號或減號時,加號代表正值、減號代表負值。
加減乘除操作符
操作多個數(shù)據(jù)值,比如加減乘除等:
let a = 1,b=2;let c = a + b; // 加let d = c – a; // 減let e = d * b; // 乘let f = e/d; // 除
注意加減乘除主要用來操作數(shù)字類型的數(shù)據(jù),如果操作數(shù)不是數(shù)字類型,會先進性強制轉(zhuǎn)換再進行計算,這樣結(jié)果會不確定。
位操作符
位操作符,是指按內(nèi)存中的表示的數(shù)值位來操作數(shù)值,通俗講就是用來操作二進制的數(shù)據(jù)。二進制數(shù)據(jù)都是由0、1組成的,在JavaScript中所有數(shù)值都是64位的格式存儲,但位操作符不直接在64位的值上進行計算,會先轉(zhuǎn)化成32位后再運算。位操作符有以下幾種:
按位非(NOT)
按位非操作符是(~)符號,就是將二進制中每位數(shù)值進行反碼操作。其規(guī)則如下:
操作符 | 數(shù)值 | 結(jié)果 |
~ | 1 | 0 |
~ | 0 | 1 |
如下示例:
let a = 25;let b = ~a;alert(b); // 輸出-26
按位與(AND)
使用(&)符號表示,它有2個操作數(shù),當2個數(shù)對應(yīng)的位都是1時返回1,任何一位是0則返回0。如下規(guī)則:
數(shù)值1 | 操作符 | 數(shù)值2 | 結(jié)果 |
1 | & | 1 | 1 |
1 | & | 0 | 0 |
0 | & | 1 | 0 |
0 | & | 0 | 0 |
示例:
let a = 25 & 3;alert(a); // 輸出結(jié)果是1
按位或(OR)
用(|)符號表示,同樣也是2個操作數(shù)。其規(guī)則是只要有一位是1其結(jié)果就是1,負則結(jié)果是0;
數(shù)值1 | 操作符 | 數(shù)值2 | 結(jié)果 |
1 | | | 1 | 1 |
1 | | | 0 | 1 |
0 | | | 1 | 1 |
0 | | | 0 | 0 |
示例:
let a = 25 | 3;alert(a); // 輸出結(jié)果是27
按位異或(XOR)
由(^)符號表示,也是操作2個操作數(shù),其當2個操作數(shù)的位值相同時返回0,負則返回1。
數(shù)值1 | 操作符 | 數(shù)值2 | 結(jié)果 |
1 | ^ | 1 | 0 |
1 | ^ | 0 | 1 |
0 | ^ | 1 | 1 |
0 | ^ | 0 | 0 |
示例:
let a = 25 ^ 3;alert(a); // 輸出結(jié)果是26
左移
使用(<<)兩個小于號表示,這個操作符會將數(shù)值每一位向左移動指定位數(shù)。如下示例:
let a = 2; // 二進制 10let b = b << 5; // 二進制的 1000000,十進制64
上面,將二進制10向左移動5位,注意左移會多出5個空位,用0來填充,這樣就會得到一個完整的32位二進制數(shù)據(jù)。
注意,左移不會影響符號位(二進制位中第一位表示數(shù)的正負),如-2 向左移5位結(jié)果是-64。
有符號的右移
使用(>>)兩個大于號表示,會將每位向右移動指定位數(shù),但保留符號位(即正負號標記)。如下示例:
let a = 64; // 二進制 1000000let b = b >> 5; // 二進制的 10,十進制的2
在移位過程,原數(shù)中也會出現(xiàn)空位,只不過這次空位出現(xiàn)在原數(shù)值左側(cè)、符號位右側(cè)。空位使用符號位值填充。
有符號的整數(shù),指32位中前31位表示整數(shù)的值,第32位表示數(shù)值的符號,0正數(shù),1負數(shù)。這個表示符號的位就是符號位。
無符號的右移
使用(>>>)三個大于號表示,這個操作會將所有32位都向右移動。對于正數(shù)其結(jié)果和有符號的右移一樣,如下示例:
let a = 64; // 二進制 1000000let b = b >>> 5; // 二進制的 10,十進制的2
但是負數(shù)就不一樣了,無符號的右移是以0來填充空位,不像有符號右移使用符號位填充。所以其結(jié)果相差很大,如下示例:
let a = -64; // 二進制 1111 1111 1111 1111 1111 1111 1100 0000let b = b >>> 5; // 二進制 0000 0111 1111 1111 1111 1111 1111 1110 ,十進制的134217726
布爾操作符
在任何編程語言中,布爾操作符都是非常重要的,它是用來判斷邏輯的關(guān)鍵,布爾操作符一共有三種:非(NOT)、與(AND)、或(OR)。
邏輯非
使用(?。└袊@號表示邏輯非,其規(guī)則就是:
操作符 | 邏輯值 | 結(jié)果 |
! | true | false |
! | false | true |
邏輯與
使用(&&)表示,操作兩個數(shù),如下示例:
let a = ture && false;
其規(guī)則如下:
邏輯值1 | 操作符 | 邏輯值2 | 結(jié)果 |
ture | && | ture | ture |
ture | && | false | false |
false | && | ture | false |
false | && | false | false |
也就是只有當2個數(shù)值都是true時其結(jié)果才是true。
邏輯或
使用(||)符號表示,也是有兩個操作數(shù),其示例:
let a = true || false;
規(guī)則如下:
邏輯值1 | 操作符 | 邏輯值2 | 結(jié)果 |
ture | || | ture | ture |
ture | || | false | ture |
false | || | ture | ture |
false | || | false | false |
也就是2個操作數(shù)中有一個true,結(jié)果就是true,負則是false。
注意布爾操作符,不僅僅可以操作布爾類型值,對于其它數(shù)據(jù)類型同樣適用,只不過會先將其它數(shù)據(jù)類型轉(zhuǎn)換成布爾值,再進行布爾運算。如下示例:
let a = !1; // 輸出falselet b = !’string’; // 輸出falselet c = 1 || 0; // 輸出truelet e = 1 && 0;// 輸出falselet d = ”&& 2; // 輸出true
關(guān)系操作符
關(guān)系操作符用來比較2個操作數(shù),有小于()、小于等于(=)。其比較的結(jié)果返回一個布爾值,true或false。
如下示例:
let a = 5 > 3; // truelet b = 5 < 3; // false
同樣,關(guān)系操作符也可以適用其它類型的數(shù)據(jù),比如字符串比較大小時,會按照字符的編碼大小比較。如下示例:
let a = “Brick” < "alphabet"; // true,
上面中因為B字符編碼是66,a的編碼是97,所以返回true。
相等、不等操作符
在編程中,確定2個值是否相等是一個非常重要的操作。在JavaScript中分相等(==)和全等(===)、不等(!=)和不全等(!==)四種。
相等(==)和不相等(!=)
如下示例:
let a = 1 == 1; // truelet b = 1==0;// falselet c = 1!=1; // falselet d = 1!=0; //true
注意相等和不相等的操作前會先對操作性進行強制轉(zhuǎn)換,如下示例:
let a = true == 1; // 先將true轉(zhuǎn)換成1再比較,結(jié)果是truelet b = false == 1; // 先將false轉(zhuǎn)換成0再比較,結(jié)果是false
全相等(===)和不全相等(!==)
全等和不全等不同之處是,它在比較數(shù)據(jù)前,不進行數(shù)據(jù)類型轉(zhuǎn)換,是對原始數(shù)值比較,所以它的結(jié)果更加嚴格準確,如下示例:
let a = 1 === 1; // truelet b = 1=== ‘1’;// falselet c = 1!==1; // falselet d = 1!==’1′; //true
注意和之前相等和不相等的例子比較,其結(jié)果非常不一樣。
賦值操作符
使用(=)表示賦值操作,其作用就是把等號右側(cè)的值賦值給左邊的變量或?qū)傩?,如下示例?/p>
let a = 10; // 給a變量賦值10
如果在等號前面加上其它操作符,就組成了復(fù)合型賦值操作,如下示例:
let a = 10;a += 5; // 結(jié)果是 15
上面的等同于下面:
let a = 10;a = a + 5; // 結(jié)果是 15
當然也可以使用其它操作符,如(*=)、(/=)、(%=)、(-=)、(<<=)等等。
條件操作符
也稱三目運算符,它是一種簡便的條件運算,可以把它看成是if else的簡化,其語法如下:
變量 = 布爾表達式 ? true_value : false_value
先求出問號前面的布爾表示結(jié)果,如果是true,變量使用冒號前面的值,負則使用冒號后面的值。如下示例:
let a = 5 > 3 ? ‘好’ : ‘不好’; // 結(jié)果是 ‘好’
逗號操作符
使用(,)符號,表示可以執(zhí)行多個操作,常用于變量定義或函數(shù)參數(shù),如下示例:
var a = 0,b=1,c=2; // a、b、c使用逗號隔開let a,b,c;// 函數(shù)中的參數(shù)a、b、c使用逗號隔開function test(a,b,c){// 函數(shù)主體}// 調(diào)用函數(shù)test(1,2,3)
結(jié)論
本節(jié)主要講述了JavaScript中所有的操作符概念,這些都是最基本的知識,需要完全掌握。在平常工作中其中除了位操作符不常用外,其它操作符使用頻率很高,尤其是布爾操作符,算術(shù)操作符,比較操作符等。
本篇只是大概講述了操作符的概念和使用方法,還有一些細節(jié)沒有講到,作為入門課程已經(jīng)足夠了,你可以自己搜索每個知識點詳細內(nèi)容,比如關(guān)于二進制數(shù)據(jù)、位操作、數(shù)據(jù)類型強制轉(zhuǎn)換等,這里不再詳細介紹。
參考資料:
《JavaScript 高級程序設(shè)計》
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
https://www.w3cschool.cn/javascript/js-operators.html