js生成随机数方法和实例


Posted in Javascript onJanuary 17, 2017

js生成一切随机数的基础都是Math.random(),这个方法比较特别,生成的随机数落在的区间是[0,1),进行一次操作的话,js只能生成一个类似于[n,m)这样,左闭右开的区间。所以当有一些特殊需求的时候,就势必要进行一些其它的操作,下面对各种需求进行简单的分析:

生成任意区间的整数

1.全闭区间[n,m]

这种的最常见,大家都知道的那一长串公式:Math.floor(Math.random()*(m-n+1))+n;就是生成这个全闭区间的方法。说到这个公式很多人都知道,但真正想明白的人估计很少。先生成一个[0,m-n+1)这样左闭右开的区间,然后用Math.floor()取到[0,m-n]之间内的任意整数(看明白这一步很关键),之后加上区间左端点变成[n,m]内的任意整数,达到目的。

说到这个地方,有一点必须提一下,随便搜一下js生成随机数,有很多文章都会用Math.ceil()Math.round()这两个方法,比如生成全闭的[n,m]区间内的任意整数,Math.ceil(Math.random()*(m-n))+n;或者Math.round(Math.random()*(m-n))+n;我感觉随机数,最重要的就是随机两个字,每个值取到的概率一定要相等,这一点对于一些特定的场合非常重要,比如抽奖(年会都有抽奖的吧)。

Math.ceil()的毛病是n<<m≈x,x为除端点之外的数,区间足够大的话n几乎取不到,m和x的概率几乎相等,因为m这个点取不到所以概率相对来说小了一点。Math.round()的毛病是n≈m=x/2,原因和前面的差不多,不明白的可以自己画个坐标轴,很明了。

2.全开区间(x,y)

其实只要记住上面的全闭区间,其它所有区间的开闭,都可以由其推到,过程如下:
(x,y) ==[x+1,y-1];也就是说n=x+1; m=y-1;将其代入上面的公式就可以得到:Math.floor(Math.random()*(y-x-1))+x+1;

3.左闭右开[x,y)

同理,[x,y) == [x,y-1];代入得到:Math.floor(Math.random()*(y-x))+x;

4.左开右闭(x,y]

(x,y]==[x+1,y];代入得到:Math.floor(Math.random()*(y-x))+x+1;

生成任意区间内的浮点数

这种实际当中用到的比较少,但也挺有意思的。

[n,m)

这种最简单,因为和random的特点保持一致。Math.rondom()*(m-n)+n;

因为random的这种特点,想要取到其它区间内的浮点数就比较困难了。需要借助一些判断才能才能满足要求。思想和上面去整数的一样。代码如下:

function fullClose(n,m) { //[n,m]
      var result = Math.random()*(m+1-n)+n;
      while(result>m) {
        result = Math.random()*(m+1-n)+n;
      }
      return result;
    }
    function fullOpen(n,m) { // (n,m)
      var result = Math.random()*(m-n)+n;
      while(result == n) {
        result = Math.random()*(m-n)+n;
      }
      return result;
    }
    function leftOpen(n,m) { // (n,m]
      var result = Math.random()*(m-n+1)+n-1;
      while(result<n) {
        result = Math.random()*(m-n+1)+n-1;
      }
      return result;
    }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
给Function做的OOP扩展
May 07 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
extjs_02_grid显示本地数据、显示跨域数据
Jun 23 Javascript
jQuery实现固定在网页顶部的菜单效果代码
Sep 02 Javascript
JS原型链 详解及示例代码
Sep 06 Javascript
JS仿JQuery选择器功能
Mar 08 Javascript
JS二叉树的简单实现方法示例
Apr 05 Javascript
Angular实现图片裁剪工具ngImgCrop实践
Aug 17 Javascript
vue小图标favicon不显示的解决方案
Sep 19 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
Nov 27 Javascript
node koa2 ssr项目搭建的方法步骤
Dec 11 Javascript
jQuery表单插件ajaxForm实例详解
Jan 17 #Javascript
js实现手机拍照上传功能
Jan 17 #Javascript
angular实现form验证实例代码
Jan 17 #Javascript
基于jQuery实现数字滚动效果
Jan 16 #Javascript
5种JavaScript脚本加载的方式
Jan 16 #Javascript
WebPack基础知识详解
Jan 16 #Javascript
jquery Ajax 全局调用封装实例详解
Jan 16 #Javascript
You might like
桌面中心(一)创建数据库
2006/10/09 PHP
PHP编程与应用
2006/10/09 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
js操作ajax返回的json的注意问题!
2010/02/23 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
JS 对输入框进行限制(常用的都有)
2013/07/30 Javascript
jquery验证邮箱格式是否正确实例讲解
2015/11/16 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
2016/12/08 Javascript
Node之简单的前后端交互(实例讲解)
2017/11/14 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
vue组件发布到npm简单步骤
2017/11/30 Javascript
vue2 前端搜索实现示例
2018/02/26 Javascript
vue eslint简要配置教程详解
2019/07/26 Javascript
原生js实现的金山打字小游戏(实例代码详解)
2020/03/16 Javascript
为react组件库添加typescript类型提示的方法
2020/06/15 Javascript
vue路由的配置和页面切换详解
2020/09/09 Javascript
小程序自定义弹框效果
2020/11/16 Javascript
使用Python操作Elasticsearch数据索引的教程
2015/04/08 Python
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
python爬虫获取京东手机图片的图文教程
2017/12/29 Python
Python3多线程操作简单示例
2018/05/22 Python
python爬虫之urllib3的使用示例
2018/07/09 Python
在mac下查找python包存放路径site-packages的实现方法
2018/11/06 Python
python读取excel数据并且画图的实现示例
2021/02/08 Python
c/c++某大公司的两道笔试题
2014/02/02 面试题
西部世纪.net笔试题面试题
2014/04/03 面试题
职称自我鉴定
2013/10/15 职场文书
关于读书的活动方案
2014/08/14 职场文书
党的群众路线对照检查材料范文
2014/09/24 职场文书
银行竞聘报告范文
2014/11/06 职场文书
任命书怎么写
2015/03/02 职场文书
2015暑期工社会实践报告
2015/07/13 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书
Java Kafka 消费积压监控的示例代码
2021/07/01 Java/Android
Python数据可视化之Seaborn的安装及使用
2022/04/19 Python