javascript生成随机数方法汇总
今天有又网友问到我 JavaScript 怎么生成指定范围数值随机数。Math.random() 这个方法相信大家都知道,是用来生成随机数的。不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数。这次我就来详细的介绍一下Math.random(),以及如何用它来生成制定范围内的随机数。
基础教程请看这里
https://www.jb51.net/w3school/js/jsref_random.htm
看完教程,应该知道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);
下面我们来看看javascript生成随机数的其他方法
1.使用内置的随机数发生方法:(刚刚讲过,这里简单描述下)
Math.random(); //该方法产生一个0到1之间的浮点数。 Math.floor(Math.random()*10+1); //1-10 Math.floor(Math.random()*24);//0-23
2.基于时间,亦可以产生随机数:
var number = now.getSeconds(); //这将产生一个基于目前时间的0到59的整数。
var now=new Date();
var number = now.getSeconds()%43; //这将产生一个基于目前时间的0到42的整数。
3.一个相当优秀的的随机数发生器程序,能应用于许多领域。
<script language="JavaScript"><!--
// The Central Randomizer 1.3 (C) 1997 by Paul Houle (houle@msc.cornell.edu)
// See: http://www.msc.cornell.edu/~houle/javascript/randomizer.html
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};
function rand(number) {
return Math.ceil(rnd()*number);
};
// end central randomizer. -->
</script>
我们再来看2个具体的实例吧,
第一种方法通过重写Math.random方法实现,第二种方法改自一个C实现,都可以实现编程目的。
实例一:
<script language="javascript">
var native_random = Math.random;
Math.random = function(min, max, exact) {
if (arguments.length === 0)
{
return native_random();
}
else if (arguments.length === 1)
{
max = min;
min = 0;
}
var range = min + (native_random()*(max - min));
return exact === void(0) ? Math.round(range) : range.toFixed(exact);
};
document.write(Math.random());
document.write('<br />');
document.write(Math.random(10));
document.write('<br />');
document.write(Math.random(3,10));
document.write('<br />');
document.write(Math.random(2,10,4));
</script>
实例二:
<script type="text/javascript">
var random = (function(){
var high = 1, low = 1 ^ 0x49616E42;
var shuffle = function(seed){
high = seed;
low = seed ^ 0x49616E42;
}
return function(){
var a = new Date()-0
shuffle(a);
high = (high << 16) + (high >> 16);
high += low;
low += high;
return high;
}
})();
alert( random() );
</script>
好了,通过这些例子,大家应该对javascript生成随机数有了相应的了解,希望本文能够给大家一些启发。
相关文章
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
这篇文章主要介绍了关于微信小程序获取小程序码并接受buffer流保存为图片的方法,文中通过示例代码介绍的非常详细,对大家学习或者使用小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧<BR>2019-06-06
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
这篇文章主要介绍了基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统 的相关资料,需要的朋友可以参考下2015-12-12
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
下面小编就为大家带来一篇浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-10-10
js 数组 find,some,filter,reduce区别详解
区分清楚Array中filter、find、some、reduce这几个方法的区别,根据它们的使用场景更好的应用在日常编码中。具有一定的参考价值,感兴趣的小伙伴们可以参考一下2021-06-06
用JavaScript实现 铁甲无敌奖门人 “开口中”猜数游戏
JavaScript在常人看来都是门出不了厅堂的小语言,仅管它没有明星语言的闪耀,但至少网页的闪耀还是需要它的,同时它是一门很实用的语言。2009-10-10
javascript设计模式 – 简单工厂模式原理与应用实例分析
这篇文章主要介绍了javascript设计模式 – 简单工厂模式,结合实例形式分析了javascript简单工厂模式基本概念、原理、定义、应用场景及操作注意事项,需要的朋友可以参考下2020-04-04


最新评论