七種 JavaScript 中位運算符的神奇用法
JavaScript與許多其他編程語言不同，JavaScript 沒有定義不同類型的數字，如整數、短整型、長整型、浮點型等。
整數精度（不帶小數點或指數表示法）最多為 15 位。小數精度的最大位數為 17 位，但浮點運算并不總是 100% 準確。
位運算直接計算二進制位，位運算直接處理每個位。它是一種非常低級的操作。優點是速度極快，但缺點是非常不直觀，在很多場合不能使用。
位運算只對整數起作用。如果操作數不是整數，則在運行前會自動轉換為整數。
在JavaScript內部，值是以64位浮點數的形式存儲的，但是進行位運算時，是以32位有符號整數進行運算的，返回值也是32位有符號整數。
JS中常用的7個位運算符
1.按位與（AND）&
&將二進制數中相應的位按照特定的方式組合并運算，如果相應位全為1，結果為1，如果任意位為0，結果為0。
// The binary representation of 1 is: 00000000 00000000 00000000 00000001
// The binary representation of 3 is: 00000000 00000000 00000000 00000011
// -----------------------------
// The binary representation of 1 is: 00000000 00000000 00000000 00000001
console.log(1 & 3) // 12. 按位或（OR）|
| 該運算符與&的區別在于，若任意一個操作數在相應位為1，則結果為1。
// The binary representation of 1 is: 00000000 00000000 00000000 00000001
// The binary representation of 3 is: 00000000 00000000 00000000 00000011
// -----------------------------
// The binary representation of 3 is: 00000000 00000000 00000000 00000011
console.log(1 | 3) // 33. 按位異或（XOR）^
^如果兩個操作數位對應只有一個1，則結果為1，其他都為0。
// The binary representation of 1 is: 00000000 00000000 00000000 00000001
// The binary representation of 3 is: 00000000 00000000 00000000 00000011
// -----------------------------
// The binary representation of 2 is: 00000000 00000000 00000000 00000010
console.log(1^3) // 24. 按位非（NOT）~
~ 該運算符是將位取反，1變成0，0變成1，也就是求二進制的補碼。
// The binary representation of 1 is: 00000000 00000000 00000000 00000001
// The binary representation of 3 is: 00000000 00000000 00000000 00000011
// -----------------------------
// 1's inverse binary representation: 11111111 11111111 11111111 11111110
// Since the first bit (sign bit) is 1, this number is a negative number. JavaScript internally uses complement code to represent negative numbers, that is, you need to subtract 1 from this number, take the inverse again, and then add a negative sign to get the decimal value corresponding to the negative number.
// -----------------------------
// The inverse of 1 minus 1: 11111111 11111111 11111111 11111101
// Negative code: 00000000 00000000 00000000 00000010
// Represented as decimal plus minus sign: -2
console.log(~ 1) // -2簡單記憶：一個數和它自身的取反值相加等于-1。
5.左移<<
<<運算符將指定值的二進制數的所有位向左移動指定的次數。
移動規則：丟棄高位，用0填充低位，即把所有數按二進制形式向左移動相應的位數，去掉高位（丟棄），去掉低位。
空白處用零填充。
// The binary representation of 1 is: 00000000 00000000 00000000 00000001
// -----------------------------
// The binary representation of 2 is: 00000000 00000000 00000000 00000010
console.log(1 << 1) // 26. 有符號右移>>
>> 此運算符將指定操作數的位向右移動指定的位數。向右移出的位將被丟棄，最左邊的位將被復制以填充左側。由于新的最左邊的位始終與之前相同，因此符號位不會改變。這就是為什么它被稱為“符號通信”。
// The binary representation of 1 is: 00000000 00000000 00000000 00000001
// -----------------------------
// The binary representation of 0 is: 00000000 00000000 00000000 00000000
console.log(1 >> 1) // 07. 無符號右移>>>
>>> 該運算符將第一個操作數向右移動指定的位數。向右移動的位被丟棄，左側用0填充。由于符號位變為0，因此，結果始終為非負數。（譯注：即使向右移動0位，結果也是非負數。）
對于非負數，有符號和無符號右移總是返回相同的結果。例如，9 >>> 2 得到 2 和 9 >> 2 相同。
js中位運算符的妙用
1).使用&運算符判斷數字的奇偶性
// even & 1 = 0
// odd & 1 = 1
console.log(2 & 1) // 0
console.log(3 & 1) // 12).使用 ~, >>, <<, >>>, | 來舍入
console.log(~~ 6.83) // 6
console.log(6.83 >> 0) // 6
console.log(6.83 << 0) // 6
console.log(6.83 | 0) // 6
// >>> cannot round negative numbers
console.log(6.83 >>> 0) // 63).使用 ^ 完成值交換
var a = 5
var b = 8
a ^= b
b ^= a
a ^= b
console.log(a) // 8
console.log(b) // 54).使用&、>>、|完成rgb值與十六進制顏色值之間的轉換
/**
* Hexadecimal color value to RGB
* @param {String} hex hexadecimal color string
* @return {String} RGB color string
*/
function hexToRGB(hex) {
var hexx = hex. replace('#', '0x')
var r = hexx >> 16
var g = hexx >> 8 & 0xff
var b = hexx & 0xff
return `rgb(${r}, ${g}, $)`
}
/**
* RGB color to hexadecimal color
* @param {String} rgb RGB color string
* @return {String} Hexadecimal color string
*/
function RGBToHex(rgb) {
var rgbArr = rgb. split(/[^\d]+/)
var 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'總結
以上就是我今天與你分享的全部內容，希望今天的內容對你有所幫助。
最后，感謝你的閱讀，祝編程愉快！
