JavaScript生成0/1随机数的代码疑问：按位或作用及方案选型

嘿，我来帮你拆解这两个问题——先搞懂按位或的作用，再对比哪种方案更靠谱～

一、按位或| 0的作用是什么？ #

我猜你看到的代码大概是这样的：

const getRandomBit = () => Math.random() * 2 | 0;

这里的| 0是个实用的JS小技巧，核心作用是快速把浮点数截断成整数，原理是这样的：

• JavaScript的所有按位操作符（包括|）都会自动把操作数转换成32位有符号整数，转换时会直接丢掉小数部分（也就是“向零取整”）。
• Math.random()返回的是[0, 1)区间的浮点数，乘以2后就变成了[0, 2)区间的数——要么是0.xxxx（小于1），要么是1.xxxx（小于2）。
• 对这两种数执行| 0，0.xxxx会被转成0，1.xxxx会被转成1，刚好完美得到我们需要的0或1随机数。

简单说，| 0在这里的效果等价于Math.trunc(Math.random() * 2)，但写法更简洁。早期JS引擎里它的性能略优于显式调用Math方法，不过现代引擎优化后，这点差异基本可以忽略了。

二、哪种方案更值得选用？ #

先把常见的两种有效方案列出来，再逐一对比：

方案1：按位操作截断 #

// 按位或0
const randomBit1 = Math.random() * 2 | 0;
// 或者用双重波浪线 ~~，效果完全一致
const randomBit1Alt = ~~(Math.random() * 2);

方案2：Math.floor截断 #

const randomBit2 = Math.floor(Math.random() * 2);

这里还要提一个容易踩坑的方案：Math.round(Math.random())。它看似能生成0或1，但逻辑上有细微问题：Math.random()返回[0,1)，Math.round会把[0, 0.5)转成0，[0.5, 1)转成1，概率看似各50%，但如果你的场景对随机性要求极高，要注意部分JS引擎的Math.random()在边界值的分布可能有细微偏差。而且从可读性来说，它的意图不如前两种清晰，所以不推荐用这个写法。

现在对比方案1和方案2：

• 功能等价性：两者都能生成均匀分布的0或1，因为Math.random() * 2的[0,1)区间对应0，[1,2)对应1，两个区间长度完全相等，概率严格各50%。
• 可读性：Math.floor的写法更直观，新手一看就知道是“向下取整”，而| 0或~~属于技巧性写法，需要开发者了解按位操作的隐含转换规则，可读性稍差。
• 性能：现代JS引擎（比如Chrome的V8）对这两种写法的优化几乎一致，性能差异可以忽略不计。
• 边界情况：两者都不会返回2，因为Math.random()永远小于1，乘以2后小于2，Math.floor得到的最大值是1，|0截断后也是1，完全安全。

结论 #

如果你的代码需要兼顾可读性和团队维护性，优先选Math.floor(Math.random() * 2)——它的意图直白，哪怕是刚接触JS的新手也能看懂。
如果追求代码简洁，或者你在写性能敏感的高频循环（比如游戏渲染、批量数据处理），| 0或~~的写法也完全没问题，前提是团队成员都理解这个小技巧。

内容的提问来源于stack exchange，提问作者kogibail