javascript生成随机数方法汇总


Posted in Javascript onNovember 12, 2015

今天有又网友问到我 JavaScript 怎么生成指定范围数值随机数。Math.random() 这个方法相信大家都知道,是用来生成随机数的。不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数。这次我就来详细的介绍一下Math.random(),以及如何用它来生成制定范围内的随机数。

基础教程请看这里

看完教程,应该知道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 now=new Date(); 

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生成随机数有了相应的了解,希望本文能够给大家一些启发。

Javascript 相关文章推荐
Jquery 1.42 checkbox 全选和反选代码
Mar 27 Javascript
JavaScript对象链式操作代码(jquery)
Jul 04 Javascript
页面定时刷新(1秒刷新一次)
Nov 22 Javascript
文本框只能输入数字的js代码(含小数点)
Jul 10 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
Nov 11 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
Mar 09 Javascript
JavaScript中Hoisting详解 (变量提升与函数声明提升)
Aug 18 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
Apr 13 Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 Javascript
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
vue  elementUI 表单嵌套验证的实例代码
Nov 06 Javascript
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
js正则表达式验证邮件地址
Nov 12 #Javascript
每天一篇javascript学习小结(Boolean对象)
Nov 12 #Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 #Javascript
基于jquery实现左右按钮点击的图片切换效果
Jan 27 #Javascript
js图片轮播效果实现代码
Apr 18 #Javascript
javascript伸缩菜单栏实现代码分享
Nov 12 #Javascript
javascript发送短信验证码实现代码
Nov 12 #Javascript
You might like
php下获取http状态的实现代码
2014/05/09 PHP
ThinkPHP实现跨模块调用操作方法概述
2014/06/20 PHP
PHP自动补全表单的两种方法
2017/03/06 PHP
Ucren Virtual Desktop V2.0
2006/11/07 Javascript
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
2016/12/26 Javascript
关于TypeScript模块导入的那些事
2018/06/12 Javascript
vue cli使用融云实现聊天功能的实例代码
2019/04/19 Javascript
js中调用微信的扫描二维码功能的实现代码
2020/04/11 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
理解JavaScript中的Proxy 与 Reflection API
2020/09/21 Javascript
Openlayers绘制聚合标注
2020/09/28 Javascript
在Angular项目使用socket.io实现通信的方法
2021/01/05 Javascript
python client使用http post 到server端的代码
2013/02/10 Python
跟老齐学Python之复习if语句
2014/10/02 Python
Python实现屏幕截图的代码及函数详解
2016/10/01 Python
利用Python命令行传递实例化对象的方法
2016/11/02 Python
python读写json文件的简单实现
2017/04/11 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
Python查找第n个子串的技巧分享
2018/06/27 Python
python实现ip代理池功能示例
2019/07/05 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
Tensorflow 实现将图像与标签数据转化为tfRecord文件
2020/02/17 Python
如何在django中实现分页功能
2020/04/22 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
香蕉共和国Banana Republic官网:美国GAP旗下偏贵族风格服饰品牌
2016/11/21 全球购物
荷兰家电购物网站:Expert.nl
2020/01/18 全球购物
行政人员工作职责
2013/12/05 职场文书
学校食堂食品安全责任书
2014/07/28 职场文书
2014年小学图书室工作总结
2014/12/09 职场文书
2015年财务试用期工作总结
2014/12/24 职场文书
小学运动会开幕词
2015/01/28 职场文书
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle
Spring事务管理下synchronized锁失效问题的解决方法
2022/03/31 Java/Android