前端必知必会-JavaScript 按位运算

文章目录

• JavaScript 按位运算
• • JavaScript 使用 32 位按位操作数
  • JavaScript 按位与
  • JavaScript 按位或
  • JavaScript 按位异或
  • JavaScript 按位与 (&)
  • JavaScript 按位或 (|)
  • JavaScript 按位异或 (^)
  • JavaScript 按位非 (~)
  • JavaScript (零填充) 按位左移 (<<)
  • JavaScript（零填充）右移 (>>>)
  • 二进制数
  • 将十进制转换为二进制
• 总结

JavaScript 按位运算

示例

JavaScript 使用 32 位按位操作数

JavaScript 将数字存储为 64 位浮点数，但所有按位运算均在 32 位二进制数上执行。

在执行按位运算之前，JavaScript 将数字转换为 32 位有符号整数。

执行按位运算后，结果将转换回 64 位 JavaScript 数字。

上述示例使用 4 位无符号二进制数。因此 ~ 5 返回 10。

由于 JavaScript 使用 32 位有符号整数，因此它不会返回 10。它将返回 -6。

0000000000000000000000000000000101 (5)

11111111111111111111111111111010 (~5 = -6)

有符号整数使用最左边的位作为减号。

JavaScript 按位与

当对一对位执行按位与时，如果两个位都是 1，则返回 1。

一位示例：

4 位示例：

JavaScript 按位或

当对一对位执行按位或时，如果其中一个位为 1，则返回 1：

一位示例：

4 位示例：

JavaScript 按位异或

当对一对位执行按位异或时，如果位不同，则返回 1：

一位示例：

JavaScript 按位与 (&)

只有当两位均为 1 时，按位与才返回 1：

示例

let x = 5 & 1;

JavaScript 按位或 (|)

如果其中一位为 1，则按位或返回 1：

示例

let x = 5 | 1;

JavaScript 按位异或 (^)

如果位不同，按位异或返回 1：

示例

let x = 5 ^ 1;

JavaScript 按位非 (~)

示例

let x = ~5;

JavaScript (零填充) 按位左移 (<<)

这是零填充左移。从右侧推入一个或多个零位，最左边的位掉落：

示例

let x = 5 << 1;

JavaScript（保留符号）按位右移 (>>)

这是一个保留符号的右移。最左边的位副本从左侧推入，最右边的位脱落：

let x = -5 >> 1;

JavaScript（零填充）右移 (>>>)

这是一个零填充右移。从左侧推入一个或多个零位，最右边的位脱落：

示例

let x = 5 >>> 1;

二进制数

仅设置一位的二进制数很容易理解：

再设置几个位即可显示二进制模式：

JavaScript 二进制数以二进制补码格式存储。

这意味着负数是数字的按位非加 1：

将十进制转换为二进制

示例

function dec2bin(dec){
return (dec >>> 0).toString(2);
}

将二进制转换为十进制
示例

function bin2dec(bin){
return parseInt(bin, 2).toString(10);
}

总结

本文介绍了JavaScript 按位运算的使用，如有问题欢迎私信和评论