这篇文章主要介绍了JS位运算符怎么用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇JS位运算符怎么用文章都会有所收获，下面我们一起来看看吧。
按位与（AND）&
将数字转换成二进制，然后进行与操作，再转换回十进制
// 1 的二进制表示为 00000000 00000000 00000000 00000001// 3 的二进制表示为 00000000 00000000 00000000 00000011// --------------------------------------------------// 1 的二进制表示为 00000000 00000000 00000000 00000001console.log(1 & 3) // 1按位或（OR）｜
将数字转换为二进制，然后进行或操作，再转换回十进制
// 1 的二进制表示为 00000000 00000000 00000000 00000001// 3 的二进制表示为 00000000 00000000 00000000 00000011// --------------------------------------------------// 3 的二进制表示为 00000000 00000000 00000000 00000011console.log(1 | 3) // 3按位异或（XOR）^
将数字转换为二进制，然后进行异或操作，再转换回十进制
// 1 的二进制表示为 00000000 00000000 00000000 00000001// 3 的二进制表示为 00000000 00000000 00000000 00000011// --------------------------------------------------// 2 的二进制表示为 00000000 00000000 00000000 00000010console.log(1 ^ 3) // 2按位非（NOT）~
将数字转换为二进制，然后进行非操作，再转换回十进制，也就求二进制的反码
// 1 反码二进制表示为 11111111 11111111 11111111 11111110// 由于第一位（符号位）是1，所以这个数是负数。JavaScript 内部采用补码形式表示负数，即需要将这个数减去 1，再去一次反，然后加上负号才能得到这个负数对应的十进制数值// 1 的反码减一表示为 11111111 11111111 11111111 11111101// 取反 00000000 00000000 00000000 00000010// 表示为 -2console.log(~1) // -2左移（Left shift）<<
将数字转换成二进制，然后丢弃高位，低位补0
// 1 的二进制表示为 00000000 00000000 00000000 00000001// 2 的二进制表示为 00000000 00000000 00000000 00000010console.log(1 << 1) // 2有符号右移 >>
将数字转成二进制，然后丢弃低位，拷贝最左侧的位以填充左侧
// 1 的二进制表示为 00000000 00000000 00000000 00000001// 0 的二进制表示为 00000000 00000000 00000000 00000000console.log(1 >> 1) // 0无符号右移 >>>
将数字转成二进制，然后丢弃低位，左侧补0，因此总是非负数。
对于非负数，有符号右移和无符号右移结果总是相等。
位运算符在 JS 中的妙用
判断奇偶
// 偶数 & 1 = 0// 奇数 & 1 = 1console.log(2 & 1) // 0console.log(3 & 1) // 1取整
console.log(~~6.83) // 6console.log(6.83 >> 0) // 6console.log(6.83 << 0) // 6console.log(6.83 | 0) // 6// 不可对负数取整console.log(6.83 >>> 0) // 6交换值
var a = 6var b = 8a ^= bb ^= aa ^= bconsole.log(a) // 8console.log(b) // 6RGB 值和16 进制颜色值转换
function hexToRGB(hex: string): string{ const hexx = hex.replace('#', '0x') const r = hexx >> 16 const g = hexx >> 8 & 0xff const b = hexx & 0xff return `rgb(${r}, ${g}, ${b})`}function RGBToHex(rgb: string): string{ const rgbArr = rgb.split(/[^\d]+/) const color = rgbArr[1] | rgbArr[2] << 8 | rgbArr[3] return `#${color.toString(16)}`}关于“JS位运算符怎么用”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“JS位运算符怎么用”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网行业资讯频道。
