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>
复制代码

 

posted @   初学者张斌斌  阅读(161)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示