JavaScript 二进制运算技巧解析

JavaScript 中有一些二进制运算符可以用来操作数值的二进制形式，包括按位与、按位或、按位异或、左移、右移、无符号右移等。这些运算符可以用于进行一些高效的位运算操作，下面将会为大家详细讲解这些二进制运算技巧的使用方法及示例。

按位与(&)运算符

按位与运算符的符号为“&”，对于两个二进制位数，若对应位都为 1，则运算结果为 1，否则为 0。在 JavaScript 中，按位与运算符可以用来进行数据的掩码操作。例如：

let a = 0b011011;
let b = 0b001111;
let c = a & b;   // c 的值为 0b001011

在上面的示例中，按位与运算符作用于两个二进制数 a 和 b 上，得到的结果为 c，c 为 a 和 b 的对应二进制位进行按位与运算后所得到的值。

按位或(|)运算符

按位或运算符的符号为“|”，对于两个二进制位数，若对应位都为 0，则运算结果为 0，否则为 1。在 JavaScript 中，按位或运算符可以用来进行数据的合并操作。例如：

let a = 0b011011;
let b = 0b001111;
let c = a | b;   // c 的值为 0b011111

在上面的示例中，按位或运算符作用于两个二进制数 a 和 b 上，得到的结果为 c，c 为 a 和 b 的对应二进制位进行按位或运算后所得到的值。

按位异或(^)运算符

按位异或运算符的符号为“^”，对于两个二进制位数，若对应位相同，则运算结果为 0，否则为 1。在 JavaScript 中，按位异或运算符可以用来进行数据的变换操作。例如：

let a = 0b011011;
let b = 0b001111;
let c = a ^ b;   // c 的值为 0b010100

在上面的示例中，按位异或运算符作用于两个二进制数 a 和 b 上，得到的结果为 c，c 为 a 和 b 的对应二进制位进行按位异或运算后所得到的值。

左移(<<)运算符

左移运算符的符号为“<<”，用来将数值的二进制位向左移动指定的位数。例如：

let a = 0b000111;
let b = a << 2;   // b 的值为 0b011100

在上面的示例中，左移运算符作用于二进制数 a 上，将 a 的二进制位向左移动了 2 位，得到的结果为 b，b 的二进制形式为原始的 a 左移两位后所得到的新数值的二进制形式。

右移(>>)运算符

右移运算符的符号为“>>”，用来将数值的二进制位向右移动指定的位数。例如：

let a = 0b100110;
let b = a >> 2;   // b 的值为 0b001001

在上面的示例中，右移运算符作用于二进制数 a 上，将 a 的二进制位向右移动了 2 位，得到的结果为 b，b 的二进制形式为原始的 a 右移两位后所得到的新数值的二进制形式。

无符号右移(>>>)运算符

无符号右移运算符的符号为“>>>”，用来将数值的二进制位向右移动指定的位数，但是不论最高位是 0 还是 1，都用 0 来填充。例如：

let a = 0b100110;
let b = a >>> 2;   // b 的值为 0b001001

在上面的示例中，无符号右移运算符作用于二进制数 a 上，将 a 的二进制位向右移动了 2 位，得到的结果为 b，b 的二进制形式为原始的 a 右移两位后所得到的新数值的二进制形式，但是无符号右移运算符会用 0 来填充最高位。

示例

示例 1：使用按位与运算符进行掩码操作

假设现在我们有一个用户权限的掩码码值，它的二进制形式为 0b110，其中第一位表示是否具有浏览权限，第二位表示是否具有评论权限，第三位表示是否具有发布权限。我们希望判断一个用户是否具有浏览权限，可以使用按位与运算符。示例代码如下：

let userPermission = 0b110;   // 用户权限码值
let readPermission = 0b100;   // 浏览权限码值
let hasReadPermission = userPermission & readPermission;   // 是否具有浏览权限
if (hasReadPermission) {
  console.log('该用户具有浏览权限');
} else {
  console.log('该用户不具有浏览权限');
}

在上面的示例代码中，定义了用户权限码值和浏览权限码值并进行了按位与运算，得到的结果为具有浏览权限的情况下为 0b100，而用户权限码值为 0b110，所以得到的结果不为 0，因此该用户具有浏览权限，并输出相应的提示信息。

示例 2：使用左移运算符进行数值变换

假设现在我们有一个颜色码值，它的最低 8 位表示 RGB 颜色的三个分量的亮度值，我们希望将颜色变亮一些，可以使用左移运算符。示例代码如下：

let color = 0xff1234;   // 颜色码值
let lightColor = color << 4;   // 变亮后的颜色码值
console.log(lightColor.toString(16));   // 输出变亮后的颜色码值的十六进制形式

在上面的示例代码中，定义了颜色码值并进行了左移运算，左移 4 位后得到变亮后的颜色码值为 0xff12340，将该数值以十六进制形式输出，得到的结果为 ff12340，因此变亮后的颜色码值为 ff12340。