生成随机数技巧与注意事项详解
2026-01-11 18:05:36
0浏览
收藏
从现在开始,努力学习吧!本文《JavaScript生成随机数技巧及注意事项》主要讲解了等等相关知识点,我会在golang学习网中持续更新相关的系列文章,欢迎大家关注并积极留言建议。下面就先一起来看一下本篇正文内容吧,希望能帮到你!
JavaScript生成随机数核心是Math.random()返回[0,1)浮点数;整数需用Math.floor(Math.random()*(max-min+1))+min确保含边界;小数先放大取整再缩小;安全场景须用crypto.getRandomValues()配合拒绝采样。

JavaScript 生成随机数主要靠 Math.random(),它返回一个大于等于 0、小于 1 的浮点数。想得到指定范围的整数或小数,得自己做换算——这一步最容易出错,也是细节最多的地方。
生成指定范围的整数(含边界)
比如要生成 5 到 10 之间的随机整数(包括 5 和 10),不能直接写 Math.random() * 6 + 5 然后 Math.floor,因为那样会漏掉 10。正确写法是:
Math.floor(Math.random() * (max - min + 1)) + min- 关键在
+ 1:保证区间长度覆盖全部整数个数 - 用
Math.floor(不是round或ceil),避免两端概率不均
生成指定范围的小数(保留位数)
比如生成 1.2 到 5.8 之间保留一位小数的随机数:
- 先按整数思路放大:乘以 10 → 范围变成 12 到 58
- 生成整数:
Math.floor(Math.random() * (58 - 12 + 1)) + 12 - 再除以 10:
result / 10 - 注意:不要用
.toFixed()返回字符串;如需数字类型,用parseFloat()或一元加号+result.toFixed(1)
避免常见陷阱
这几个坑新手常踩:
- 重复调用
Math.random()多次来“增加随机性”没用——它本身已足够随机,多次调用不提升质量,反而可能引入逻辑错误 - 用
Math.round()会导致边界值概率减半,比如round(0–1)中 0 和 1 出现概率只有中间数的一半 - 时间戳或
Math.random()都不适合安全场景(如密码、token),应改用crypto.getRandomValues() - IE 旧版本对
Math.random()实现有偏差,但现代浏览器和 Node.js 均无此问题,一般无需降级处理
安全场景:用 crypto API 替代
如果需要加密安全的随机整数(例如生成 salt、验证码种子):
- 用
crypto.getRandomValues(new Uint32Array(1))[0]获取真随机整数 - 再映射到目标范围,注意要拒绝采样(rejection sampling)避免偏置,例如:
- const max = 100; const min = 1;
let num;
do {
num = crypto.getRandomValues(new Uint32Array(1))[0] % (max - min + 1);
} while (num > max - min);
return num + min;
基本上就这些。核心就一条:理解 Math.random() 是 [0, 1),再小心缩放和取整方式。不复杂但容易忽略边界细节。
终于介绍完啦!小伙伴们,这篇关于《生成随机数技巧与注意事项详解》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识,快来关注吧!
平安好车主如何查附近网点
- 上一篇
- 平安好车主如何查附近网点
- 下一篇
- 豆包AI接入微信,绑定教程详解
查看更多
最新文章
-
- 文章 · 前端 | 1天前 | js语法教程
- JSSet集合使用与去重技巧详解
- 350浏览 收藏
-
- 文章 · 前端 | 1天前 |
- HTML5离线缓存清除方法大全
- 462浏览 收藏
-
- 文章 · 前端 | 1天前 |
- HTML编码如何避免乱码问题
- 235浏览 收藏
-
- 文章 · 前端 | 1天前 |
- HTMLaddress标签使用方法详解
- 309浏览 收藏
-
- 文章 · 前端 | 1天前 |
- 发布订阅模式消息队列原理与实现解析
- 135浏览 收藏

