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应该怎样学
Apr 16 Javascript
Jquery 弹出层插件实现代码
Oct 24 Javascript
异步加载script的代码
Jan 12 Javascript
javascript for循环从入门到偏门(效率优化+奇特用法)
Aug 01 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
浅析Node.js中的内存泄漏问题
Jun 23 Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 Javascript
最简单的vue消息提示全局组件的方法
Jun 16 Javascript
vue遍历对象中的数组取值示例
Nov 07 Javascript
Vue 列表页带参数进详情页的操作(router-link)
Nov 13 Javascript
js实现简易点击切换显示或隐藏
Nov 29 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
Dec 17 Vue.js
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加密函数 Javascript/Js 解密函数
2013/09/23 PHP
分享一个漂亮的php验证码类
2016/09/29 PHP
PHP高效获取远程图片尺寸和大小的实现方法
2017/10/20 PHP
laravel入门知识点整理
2020/09/15 PHP
setTimeout和setInterval的浏览器兼容性分析
2007/02/27 Javascript
火狐4、谷歌12不支持Jquery Validator的解决方法分享
2011/06/20 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
js实现图片无缝滚动
2015/12/23 Javascript
JavaScript数据结构与算法之链表
2016/01/29 Javascript
浅析JSONP技术原理及实现
2016/06/08 Javascript
解决前端跨域问题方案汇总
2016/11/20 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
vue改变对象或数组时的刷新机制的方法总结
2019/04/24 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
浅谈nuxtjs校验登录中间件和混入(mixin)
2020/11/06 Javascript
TensorFlow神经网络优化策略学习
2018/03/09 Python
Python使用tkinter库实现文本显示用户输入功能示例
2018/05/30 Python
JavaScript中的模拟事件和自定义事件实例分析
2018/07/27 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
对python 多个分隔符split 的实例详解
2018/12/20 Python
django配置连接数据库及原生sql语句的使用方法
2019/03/03 Python
CSS3的resize属性使用初探
2015/09/27 HTML / CSS
潘多拉珠宝英国官方网上商店:PANDORA英国
2018/06/12 全球购物
美国批发供应商:Kole Imports
2019/04/10 全球购物
全球速卖通俄罗斯站:AliExpress俄罗斯
2019/06/17 全球购物
建筑工程实习自我鉴定
2013/09/19 职场文书
行政管理专业推荐信
2013/11/02 职场文书
心理学专业毕业生推荐信范文
2013/11/21 职场文书
个人素质的自我评价分享
2013/12/16 职场文书
运动会致辞稿50字
2014/02/04 职场文书
新教师工作感言
2014/02/16 职场文书
大学生个人求职口试自我评价
2014/02/16 职场文书
理财计划书
2014/08/14 职场文书
实习报告范文
2019/07/30 职场文书
“鬼灭之刃”热度不减,其成功背后的原因是什么?
2022/03/22 日漫