在javascript中随机数 math random如何生成指定范围数值的随机数


Posted in Javascript onOctober 21, 2015

今天有朋友向我请教: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的使用是不是明白了,希望本篇文章能够给您带来帮助,谢谢!

Javascript 相关文章推荐
js 提交和设置表单的值
Dec 19 Javascript
js代码实现点击按钮出现60秒倒计时
Jan 28 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
Aug 29 Javascript
Vue2实现组件props双向绑定
Dec 02 Javascript
jQuery插件form-validation-engine正则表达式操作示例
Feb 09 Javascript
VueJS组件之间通过props交互及验证的方式
Sep 04 Javascript
详解vue-cli脚手架中webpack配置方法
Aug 22 Javascript
微信小程序动态增加按钮组件
Sep 14 Javascript
解决vue无法设置滚动位置的问题
Oct 07 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
Oct 24 Javascript
浅谈Vue使用Cascader级联选择器数据回显中的坑
Oct 31 Javascript
原生JavaScript实现幻灯片效果
Feb 19 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 #Javascript
chrome调试javascript详解
Oct 21 #Javascript
Javascript 计算字符串在localStorage中所占字节数
Oct 21 #Javascript
深入解析JavaScript的闭包机制
Oct 20 #Javascript
JavaScript中字面量与函数的基本使用知识
Oct 20 #Javascript
JavaScript基本的输出和嵌入式写法教程
Oct 20 #Javascript
javascript省市级联功能实现方法实例详解
Oct 20 #Javascript
You might like
使用php判断网页是否gzip压缩
2013/06/25 PHP
php实现分页显示
2015/11/03 PHP
thinkphp实现把数据库中的列的值存到下拉框中的方法
2017/01/20 PHP
基于laravel-admin 后台 列表标签背景的使用方法
2019/10/03 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
js几个验证函数代码
2010/03/25 Javascript
js chrome浏览器判断代码
2010/03/28 Javascript
jQuery Ajax使用 全解析
2010/12/15 Javascript
JS Date函数整理方便使用
2013/10/23 Javascript
探讨js字符串数组拼接的性能问题
2014/10/11 Javascript
javascript格式化指定日期对象的方法
2015/04/21 Javascript
Javascript 高阶函数使用介绍
2015/06/15 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
2016/01/27 Javascript
微信小程序 下拉列表的实现实例代码
2017/03/08 Javascript
AngularJS封装$http.post()实例详解
2017/05/06 Javascript
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
2017/07/30 Javascript
vue解决跨域路由冲突问题思路解析
2017/11/03 Javascript
使用Vue写一个datepicker的示例
2018/01/27 Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
2018/08/12 Javascript
javascript中join方法实例讲解
2019/02/21 Javascript
JavaScript中this用法学习笔记
2019/03/17 Javascript
js中Generator函数的深入讲解
2019/04/07 Javascript
在python中的socket模块使用代理实例
2014/05/29 Python
Python中使用PyHook监听鼠标和键盘事件实例
2014/07/18 Python
python自动化测试之setUp与tearDown实例
2014/09/28 Python
Python提取Linux内核源代码的目录结构实现方法
2016/06/24 Python
Python实现的矩阵转置与矩阵相乘运算示例
2019/03/26 Python
简单的Python调度器Schedule详解
2019/08/30 Python
pycharm2020.2 配置使用的方法详解
2020/09/16 Python
纯css3制作的火影忍者写轮眼开眼至轮回眼及进化过程实例
2014/11/11 HTML / CSS
机电工程学生自荐信范文
2013/12/07 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
冬季安全检查方案
2014/05/23 职场文书
个人批评与自我批评总结
2014/10/17 职场文书
golang判断key是否在map中的代码
2021/04/24 Golang