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 @ 2023-02-02 16:56  初学者张斌斌  阅读(212)  评论(0)    收藏  举报