在我看來按位運算符應該有7個：spa
一、& 按位與
&是二元運算符，它以特定的方式的方式組合操做數中對應的位，若是對應的位都爲1，那麼結果就是1， 若是任意一個位是0 則結果就是0。code
1 & 3的結果爲1htm
那咱們來看看他是怎麼運行的ip
1的二進制表示爲 0 0 0 0 0 0 1ci
3的二進制表示爲 0 0 0 0 0 1 1get
根據 & 的規則 獲得的結果爲 0 0 0 0 0 0 0 1,十進制表示就是1string
二、| 按位或it
|運算符跟&的區別在於若是對應的位中任一個操做數爲1 那麼結果就是1。io
1的二進制表示爲 0 0 0 0 0 0 1
3的二進制表示爲 0 0 0 0 0 1 1
因此 1 | 3的結果爲3
三、^ 按位異或
^運算符跟|相似，但有一點不一樣的是 若是兩個操做位都爲1的話，結果產生0。
1的二進制表示爲 0 0 0 0 0 0 1
3的二進制表示爲 0 0 0 0 0 1 1
因此 1 ^ 3的結果爲2
四、~ 按位非
~運算符是對位求反，1變0,0變1，也就是求二進制的反碼
1的二進制表示爲 0 0 0 0 0 0 1
因此 ~1 的結果是-2
五、>> 右移
>>運算符使指定值的二進制全部位都右移規定的次數，對於其移動規則只需記住符號位不變，左邊補上符號位即按二進制形式把全部的數字向右移動對應的位數，低位移出(捨棄)，高位的空位補符號位，即正數補零，負數補1。
1的二進制表示爲 0 0 0 0 0 0 1
因此 1>>1的結果爲0
六、<< 左移
<<運算符使指定值的二進制全部位都左移規定的次數，對於其移動規則只需記住丟棄最高位，0補最低位即按二進制形式把全部的數字向左移動對應的位數，高位移出(捨棄)，低位的空位補零。
1的二進制表示爲 0 0 0 0 0 0 1
因此 1<<1的結果爲2 七、>>> 無符號右移
>>>運算符忽略了符號位擴展，0補最高位，可是隻是對32位和64位的值有意義。
位運算符在js中的妙用：
一、使用&運算符判斷一個數的奇偶
偶數 & 1 = 0
奇數 & 1 = 1
那麼0&1=0,1&1=1
二、使用~~，>>,<<,>>>,|來取整
~~3.14 = 3
3.14 >> 0 = 3
3.14 << 0 = 3 3.14 | 0 = 3 3.14 >>> 0 = 3(>>>不可對負數取整)
注意：~~-3.14 = -3 其它的同樣
三、使用<<,>>來計算乘除
乘法：
1*2 = 2
1<>1 = 1(2/2的一次方)
四、利用^來完成比較兩個數是否相等
1 ^ 1 = 0
1 ^ 非1數 ！=0
因此同一個數……同一個數等於0，不然不等於0
五、使用^來完成值交換
a = 1
b = 2
a ^= b
b ^= a
a ^= b
結果a=2，b=1
六、使用&,>>,|來完成rgb值和16進制顏色值之間的轉換
16進制顏色值轉RGB：
|
1
2
3
4
5
6
7
|
function
hexToRGB(hex){
var
hex = hex.replace(
"#"
,
"0x"
),
r = hex >> 16,
g = hex >> 8 & 0xff,
b = hex & 0xff;
return
"rgb("
+r+
","
+g+
","
+b+
")"
;
}
|
RGB轉16進制顏色值：
|
1
2
3
4
5
|
function
RGBToHex(rgb){
var
rgbArr = rgb.split(/[^\d]+/),
color = rgbArr[1]<<16 | rgbArr[2]<<8 | rgbArr[3];
return
"#"
+color.toString(16);
}
|
運行hexToRGB("#ffffff")返回"rgb(255,255,255)"
運行RGBToHex("rgb(255,255,255)")返回"#ffffff"