JavaScript单竖线按位或运算符详解：取整原理与二进制运算

单竖线运算符的基本作用

JavaScript中的单竖线运算符（|）主要用于执行按位或操作，其核心作用之一是在数值处理中实现快速取整。

在对整数进行位运算时，单竖线运算符会自动将操作数转换为32位有符号整数，这一过程等同于去除小数部分，效果类似于parseInt()。对于正数，其行为与Math.floor()一致；对于负数，则与Math.ceil()效果相同。需要注意的是，这种转换机制有其特定的适用范围。

为了更清晰地理解取整逻辑，需区分以下三种常见的数学取整方法：1. Math.ceil()用于向上取整；2. Math.floor()用于向下取整；3. Math.round()为常规的四舍五入取整。

console.log(0.6|0)//0
console.log(1.1|0)//1
console.log(3.65555|0)//3
console.log(5.99999|0)//5
console.log(-7.777|0)//-7

除了Math对象的三个方法外，JavaScript中处理数字精度时还常使用parseInt()、parseFloat()、toFixed()以及toPrecision()等方法。以下对部分方法进行简要说明：

toFixed()方法的具体用法示例如下：

100.456001.toFixed(2); //100.47

100.456001.toFixed(3); //100.456

Number.prototype.toFixed.call(100.456001,2); //100.47

使用toFixed()的主要缺点在于，其返回值类型为字符串而非数值，这在后续需要参与数学运算时可能需要额外转换。

toPrecision()方法的用法示例如下：

99.456001.toPrecision(5); //99.456

100.456001.toPrecision(5); //100.46

Number.prototype.toPrecision.call(10.456001,5); //10.456

单竖线运算符的运算规则与原理

了解单竖线运算符的具体运算规则是掌握其应用的关键。

通过前文示例可知，单竖线运算符可用于取整，即仅保留整数部分而丢弃小数部分。然而，“|0”这一特定写法为何能实现取整？若与0进行按位或运算，结果究竟如何？这涉及到底层的二进制转换机制。

为了解答上述疑问，我们通过具体代码示例进行验证：

console.log(3|4); //7
console.log(4|4);//4
console.log(8|3);//11
console.log(5.3|4.1);//5
console.log(9|3455);//3455

答案揭示：单竖线运算符“|”的本质是将操作数转换为32位二进制整数后执行按位或运算。例如，以简单数值为例：

3|4

将3和4转换为二进制后分别为011和100，执行按位或运算（对应位只要有一个为1则结果为1）得到111，即十进制的7。

4|4

将4转换为二进制为100，执行按位或运算100 | 100得到100，即十进制的4。

8|3

将8和3转换为二进制后分别为1000和011，执行按位或运算得到1011，即十进制的11。