大多數語言都提供了按位運算符，恰當的使用按位運算符有時候會取得的很好的效果。

在我看來按位運算符應該有7個：

1、& 按位與

&是二元運算符，它以特定的方式的方式組合操作數中對應的位，如果對應的位都為1，那么結果就是1， 如果任意一個位是0 則結果就是0。

1 & 3的結果為1

那我們來看看他是怎么運行的

1的二進制表示為 0 0 0 0 0 0 1

3的二進制表示為 0 0 0 0 0 1 1

根據 & 的規則 得到的結果為 0 0 0 0 0 0 0 1,十進制表示就是1

2、| 按位或

|運算符跟&的區別在于如果對應的位中任一個操作數為1 那么結果就是1。

1的二進制表示為 0 0 0 0 0 0 1

3的二進制表示為 0 0 0 0 0 1 1

所以 1 | 3的結果為3

3、^ 按位異或

^運算符跟|類似，但有一點不同的是 如果兩個操作位都為1的話，結果產生0。

1的二進制表示為 0 0 0 0 0 0 1

3的二進制表示為 0 0 0 0 0 1 1

所以 1 ^ 3的結果為2

4、~ 按位非

~運算符是對位求反，1變0,0變1，也就是求二進制的反碼

1的二進制表示為 0 0 0 0 0 0 1

所以 ~1 的結果是-2

5、>> 右移

>>運算符使指定值的二進制所有位都右移規定的次數，對于其移動規則只需記住符號位不變，左邊補上符號位即按二進制形式把所有的數字向右移動對應的位數，低位移出(舍棄)，高位的空位補符號位，即正數補零，負數補1。

1的二進制表示為 0 0 0 0 0 0 1

所以 1>>1的結果為0

6、<< 左移

<<運算符使指定值的二進制所有位都左移規定的次數，對于其移動規則只需記住丟棄最高位，0補最低位即按二進制形式把所有的數字向左移動對應的位數，高位移出(舍棄)，低位的空位補零。

1的二進制表示為 0 0 0 0 0 0 1

所以 1<<1的結果為2 7、>>> 無符號右移

>>>運算符忽略了符號位擴展，0補最高位，但是只是對32位和64位的值有意義。

位運算符在js中的妙用：

1、使用&運算符判斷一個數的奇偶

偶數 & 1 = 0

奇數 & 1 = 1

那么0&1=0,1&1=1

2、使用~~，>>,<<,>>>,|來取整

~~3.14 = 3

3.14 >> 0 = 3

3.14 << 0 = 3 3.14 | 0 = 3 3.14 >>> 0 = 3(>>>不可對負數取整)

注意：~~-3.14 = -3 其它的一樣

3、使用<<,>>來計算乘除

乘法：

1*2 = 2

1<>1 = 1(2/2的一次方)

4、利用^來完成比較兩個數是否相等

1 ^ 1 = 0

1 ^ 非1數 ！=0

所以同一個數……同一個數等于0，否則不等于0

5、使用^來完成值交換

a = 1

b = 2

a ^= b

b ^= a

a ^= b

結果a=2，b=1

6、使用&,>>,|來完成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"

轉載自：http://www.deanhan.cn/js-bitwise-operation.html

轉載于:https://www.cnblogs.com/happy1992/p/7064114.html

總結

以上是生活随笔為你收集整理的js按位运算符及其妙用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。