在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 相关文章推荐
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 Javascript
原生javascript实现DIV拖拽并计算重复面积
Jan 02 Javascript
jQuery实现分隔条左右拖动功能
Nov 21 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
Oct 15 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
Nov 30 Javascript
js实现倒计时效果(小于10补零)
Mar 08 Javascript
AngularJS中ng-class用法实例分析
Jul 06 Javascript
详解vue-cli项目中的proxyTable跨域问题小结
Feb 09 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
Vue 页面跳转不用router-link的实现代码
Apr 12 Javascript
详解Vue3中对VDOM的改进
Apr 23 Javascript
Openlayers实现图形绘制
Sep 28 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 获取客户端的真实ip
2009/11/30 PHP
php实例分享之html转为rtf格式
2014/06/02 PHP
php正则表达式学习笔记
2015/11/13 PHP
php、mysql查询当天,查询本周,查询本月的数据实例(字段是时间戳)
2017/02/04 PHP
javascript 获取表单file全路径
2009/12/31 Javascript
js有关元素内容操作小结
2011/12/20 Javascript
nodejs文件操作模块FS(File System)常用函数简明总结
2014/06/05 NodeJs
详解JavaScript语法对{}处理的坑爹之处
2014/06/05 Javascript
jQuery 复合选择器应用的几个例子
2014/09/11 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
2015/12/02 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
2015/12/03 Javascript
用JS中split方法实现彩色文字背景效果实例
2016/08/24 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
原生JS实现在线问卷调查投票特效
2017/01/03 Javascript
简单实现JS上传图片预览功能
2017/04/14 Javascript
分享19个JavaScript 有用的简写写法
2017/07/07 Javascript
Vue.js简易安装和快速入门(第二课)
2017/10/17 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
2018/02/13 jQuery
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
Python Requests 基础入门
2016/04/07 Python
Python基于回溯法子集树模板解决找零问题示例
2017/09/11 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
python输出带颜色字体实例方法
2019/09/01 Python
Pytorch之view及view_as使用详解
2019/12/31 Python
解决Windows下python和pip命令无法使用的问题
2020/08/31 Python
Giglio美国站:意大利奢侈品购物网
2018/02/10 全球购物
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
美国知名的旅游网站:OneTravel
2018/10/09 全球购物
德国珠宝和手表在线商店:VALMANO
2019/03/24 全球购物
纽约和芝加哥当天送花:Ode à la Rose
2019/07/05 全球购物
德国最大的服装、鞋子和配件在线商店之一:Outfits24
2019/07/23 全球购物
万豪国际住宅与别墅集团:Homes & Villas by Marriott International
2020/10/08 全球购物
领导调研接待方案
2014/02/27 职场文书
应急处置方案
2014/06/16 职场文书
好人好事演讲稿
2014/09/01 职场文书
CSS实现两列布局的N种方法
2021/08/02 HTML / CSS