你可能不知道的JavaScript位运算符详解

介绍

在JavaScript中，除了常用的加减乘除运算符，还有一些位运算符。这些运算符可以对给定的数字进行二进制位操作。本文将为你详细讲解这些运算符。

位运算符分类

JavaScript中一共有7种位运算符，可以分为以下几类：

• 按位与运算符（&）
• 按位或运算符（|）
• 按位异或运算符（^）
• 左移运算符（<<）
• 有符号右移运算符（>>）
• 无符号右移运算符（>>>）
• 取反运算符（~）

按位与运算符（&）

按位与运算符（&）同时处理两个数字的二进制表示。只有两个数字都是1的位才会变成1，其他情况均为0。

示例：

const a = 5; // 二进制表示为101
const b = 3; // 二进制表示为011
const result = a & b;
console.log(result); // 输出为1，即0001

按位或运算符（|）

按位或运算符（|）同时处理两个数字的二进制表示。只要两个数字中有一个为1的位就会变成1。

示例：

const a = 5; // 二进制表示为101
const b = 3; // 二进制表示为011
const result = a | b;
console.log(result); // 输出为7，即0111

按位异或运算符（^）

按位异或运算符（^）同时处理两个数字的二进制表示。只有两个数字中对应位不同时才会变成1，否则为0。

示例：

const a = 5; // 二进制表示为101
const b = 3; // 二进制表示为011
const result = a ^ b;
console.log(result); // 输出为6，即0110

左移运算符（<<）

左移运算符（<<）将一个数字的二进制表示向左移动指定的位数。左移运算符将数字右侧的空位用0填充。

示例：

const a = 5; // 二进制表示为101
const result = a << 2;
console.log(result); // 输出为20，即10100

有符号右移运算符（>>）

有符号右移运算符（>>）将一个数字的二进制表示向右移动指定的位数。有符号右移运算符将左侧的空位用数字的符号位（即正数填充0，负数填充1）填充。

示例：

const a = -5; // 二进制表示为11111111111111111111111111111011
const result = a >> 2;
console.log(result); // 输出为-2，即11111111111111111111111111111110

无符号右移运算符（>>>）

无符号右移运算符（>>>）将一个数字的二进制表示向右移动指定的位数。无符号右移运算符将左侧的空位用0填充。

示例：

const a = -5; // 二进制表示为11111111111111111111111111111011
const result = a >>> 2;
console.log(result); // 输出为1073741822，即00111111111111111111111111111110

取反运算符（~）

取反运算符（~）将一个数字的二进制表示取反。即0变为1，1变为0。

示例：

const a = 5; // 二进制表示为101
const result = ~a;
console.log(result); // 输出为-6，即11111111111111111111111111111010

结论

以上就是JavaScript中常用的位运算符，它们可以处理数字的二进制表示，进行一些特殊的操作。在实际编程过程中，可根据需要选择使用。