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 相关文章推荐
JavaScript表单常用验证集合
Jan 16 Javascript
JS 文件大小判断的实现代码
Apr 07 Javascript
运算符&amp;&amp;的三个不同层次
Apr 07 Javascript
jQuery ui插件的使用方法代码实例
May 08 Javascript
jQuery中:image选择器用法实例
Jan 03 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
Oct 19 Javascript
JavaScript简单实现鼠标移动切换图片的方法
Feb 23 Javascript
React Native之prop-types进行属性确认详解
Dec 19 Javascript
浅谈Webpack多页应用HMR卡住问题
Apr 24 Javascript
解决layui的input独占一行的问题
Sep 10 Javascript
在vue+element ui框架里实现lodash的debounce防抖
Nov 13 Javascript
Element MessageBox弹框的具体使用
Jul 27 Javascript
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面向对象全攻略 (五) 封装性
2009/09/30 PHP
Yii2使用dropdownlist实现地区三级联动功能的方法
2016/07/18 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
php 截取中英文混合字符串的方法
2018/05/31 PHP
Linux基于php-fpm模式的lamp搭建phpmyadmin的方法
2018/10/25 PHP
jqueyr判断checkbox组的选中(示例代码)
2013/11/08 Javascript
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
一个JavaScript去除字符串末尾的空白实例代码
2014/09/22 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
2015/01/13 Javascript
一张Web前端的思维导图分享
2015/07/03 Javascript
jQuery实现表单步骤流程导航代码分享
2015/08/28 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
bootstrap可编辑下拉框jquery.editable-select
2017/10/12 jQuery
微信小程序实现录制、试听、上传音频功能(带波形图)
2020/02/27 Javascript
python机器学习之神经网络(一)
2017/12/20 Python
python学习笔记--将python源文件打包成exe文件(pyinstaller)
2018/05/26 Python
对python中两种列表元素去重函数性能的比较方法
2018/06/29 Python
python中的字符串内部换行方法
2018/07/19 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
使用Python给头像戴上圣诞帽的图像操作过程解析
2019/09/20 Python
Pandas+Matplotlib 箱式图异常值分析示例
2019/12/09 Python
基于python调用jenkins-cli实现快速发布
2020/08/14 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
Django配置跨域并开发测试接口
2020/11/04 Python
pandas按条件筛选数据的实现
2021/02/20 Python
计算机专业自我鉴定
2013/10/15 职场文书
初入社会应届生求职信
2013/11/18 职场文书
商场中秋节广播稿
2014/01/17 职场文书
高中生自我评语大全
2014/01/19 职场文书
小学数学教学经验交流材料
2014/05/22 职场文书
2014年宣传部个人工作总结
2014/12/06 职场文书
行政撤诉申请书
2015/05/18 职场文书
自信主题班会
2015/08/14 职场文书
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
Pytorch distributed 多卡并行载入模型操作
2021/06/05 Python
Html5同时支持多端sdk的小技巧
2021/11/17 HTML / CSS