在javascript中随机数 math random如何生成指定范围数值的随机数
作者:bea
今天有朋友向我请教:JavaScript 怎么生成指定范围数值随机数。Math.random() 这个方法相信大家都知道,是用来生成随机数的。不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数。这次我就来详细的介绍一下Math.random(),以及如何用它来生成制定范围内的随机数。
w3school的random()教程
定义和用法
random() 方法可返回介于 0 ~ 1 之间的一个随机数。
语法
Math.random()
返回值
0.0 ~ 1.0 之间的一个伪随机数。
实例
在本例中,我们将取得介于 0 到 1 之间的一个随机数:
<script type="text/javascript">
document.write(Math.random());
</script>
// 输出:
0.15246391076246546
如何生成指定范围值的随机数
看完w3school的教程,应该知道Math.random()方法的基本用法了。
利用 parseInt()、Math.floor() 或者 Math.ceil()进行四舍五入处理
我们看到,直接使用Math.random()方法,生成的是一个小于1的数,所以:
Math.random()*5
得到的结果是一个小于5的随机数。而我们通常希望得到的是0-5之间的整数,所以我们需要对得到的结果四舍五入处理一下,从而得到我们期望的整数。parseInt()、Math.floor()和Math.ceil()都可以起到四舍五入的作用。
var randomNum = Math.random()*5;
alert(randomNum); // 2.9045290905811183
alert(parseInt(randomNum,10)); // 2
alert(Math.floor(randomNum)); // 2
alert(Math.ceil(randomNum)); // 3
由测试的代码我们可以看到,parseInt()和Math.floor()的效果是一样的,都是向下取整数部分。所以parseInt(Math.random()*5,10)和Math.floor(Math.random()*5)都是生成的0-4之间的随机数,Math.ceil(Math.random()*5)则是生成的1-5之间的随机数。
生成指定范围数值随机数
所以,如果你希望生成1到任意值的随机数,公式就是这样的:
// max - 期望的最大值
parseInt(Math.random()*max,10)+1;
Math.floor(Math.random()*max)+1;
Math.ceil(Math.random()*max);
如果你希望生成0到任意值的随机数,公式就是这样的:
// max - 期望的最大值
parseInt(Math.random()*(max+1),10);
Math.floor(Math.random()*(max+1));
如果你希望生成任意值到任意值的随机数,公式就是这样的:
// max - 期望的最大值
// min - 期望的最小值
parseInt(Math.random()*(max-min+1)+min,10);
Math.floor(Math.random()*(max-min+1)+min);
看完本篇是不是收获颇多啊,对于随机数 math random的使用是不是明白了,希望本篇文章能够给您带来帮助,谢谢!
猜你喜欢
您可能感兴趣的文章:
- Webpack 实现 Node.js 代码热替换
- JS+CSS实现仿msn风格选项卡效果代码
- Node.js巧妙实现Web应用代码热更新
- 深入剖析JavaScript编程中的对象概念
- JavaScript中Boolean对象的属性解析
- 深入解析JavaScript中的数字对象与字符串对象
- jQuery无刷新切换主题皮肤实例讲解
- JavaScript操作HTML元素和样式的方法详解
- JavaScript对HTML DOM使用EventListener进行操作
- JavaScript对象数组的排序处理方法
- Javascript刷新窗口方法小结
- JavaScript简单遍历DOM对象所有属性的实现方法
- 详解JavaScript操作HTML DOM的基本方式
- JavaScript函数的调用以及参数传递
- Java中Timer的用法详解
- JS实现的竖向折叠菜单代码
- JS基于Mootools实现的个性菜单效果代码
- 纯javascript实现自动发送邮件
- JS实现Fisheye效果动感放大菜单代码