JavaScript位运算符的学习与运用
一、JavaScript的位运算符
位运算符 | 名称 | 描述 |
& | AND | 如果两位都是 1 则设置每位为 1(二进制) |
| | OR | 如果有一位是 1 则设置每位为 1(二进制) |
^ | XOR | 如果只有一位是 1 则设置每位为 1(二进制) |
~ | NOT | 反转所有位 |
<< | 零填充左位移 | 通过从右推入零向左位移,并使最左边的位脱落 |
>> | 有符号右位移 | 通过从左推入最左位的拷贝来向右位移,并使最右边的位脱落。 |
>>> | 零填充右位移 | 通过从左推入零来向右位移,并使最右边的位脱落。 |
实例:
5&1 | 0101 & 0001 | 0001 |
5|1 | 0101 | 0001 | 0101 |
5^1 | 0101^ 0001 | 0100 |
~5 | ~0101 | 1010 |
5<<1 | 0101<<1 | 1010 |
5>>1 | 0101>>1 | 0010 |
5>>>1 | 0101>>>1 | 0010 |
二、JavaScript使用32位按位运算数
JavaScript 将数字存储为 64 位浮点数,但所有按位运算都以 32 位二进制数执行。在执行位运算之前,JavaScript 将数字转换为 32 位有符号整数。执行按位操作后,结果将转换回 64 位 JavaScript 数。上面的例子使用 4 位无符号二进制数。所以 ~ 5 返回 10。由于 JavaScript 使用 32 位有符号整数,JavaScript 将返回 -6。00000000000000000000000000000101 (5),11111111111111111111111111111010 (~5 = -6)有符号整数使用最左边的位作为减号。
1.位运算AND(&)
如果位数都是 1,则位运算 AND 返回 1:
<!DOCTYPE html> <html> <body> <h2>JavaScript 位运算 AND</h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 & 1;//1 </script> </body> </html>
2.位运算OR(|)
如果位数之一是 1,则位运算OR 返回 1:
<!DOCTYPE html> <html> <body> <h2>JavaScript 位运算 OR</h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 | 1;//5 </script> </body> </html>
3.位运算XOR(^)
如果位数只有一位是 1,则位运算 XOR 返回 1:
<!DOCTYPE html> <html> <body> <h2>JavaScript 位运算 XOR</h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 ^ 1;//4 </script> </body> </html>
4.位运算NOT(~)
反转所有位
<!DOCTYPE html> <html> <body> <h2>JavaScript 位运算 NOT</h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = ~5;//-6 </script> </body> </html>
5.位运算 零填充左位移 (<<)
通过从右推入零向左位移,并使最左边的位脱落
<!DOCTYPE html> <html> <body> <h2>JavaScript 位运算 << </h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5<<1;//10 </script> </body> </html>
6.位运算 有符号右位移 (>>)
通过从左推入最左位的拷贝来向右位移,并使最右边的位脱落。
<!DOCTYPE html> <html> <body> <h2>JavaScript 位运算 >> </h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = -5>>1;//-3 </script> </body> </html>
7.位运算 零填充右位移 (>>>)
通过从左推入零来向右位移,并使最右边的位脱落。
<!DOCTYPE html> <html> <body> <h2>JavaScript 位运算 >>> </h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5>>>1;//2 </script> </body> </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战