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 相关文章推荐
可以支持多中格式的JS键盘
May 02 Javascript
JavaScript 页面编码与浏览器类型判断代码
Jun 03 Javascript
JavaScript中的some()方法使用详解
Jun 09 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
Aug 06 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
vue-router配合ElementUI实现导航的实例
Feb 11 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 Javascript
vue自定义指令的创建和使用方法实例分析
Dec 04 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
May 01 Javascript
vue实现PC端分辨率适配操作
Aug 03 Javascript
vue treeselect获取当前选中项的label实例
Aug 31 Javascript
JavaScript流程控制(分支)
Dec 06 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
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
详解将数据从Laravel传送到vue的四种方式
2019/10/16 PHP
Laravel手动返回错误码示例
2019/10/22 PHP
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
2012/04/12 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
js中通过父级进行查找定位元素
2014/06/15 Javascript
angularjs的一些优化小技巧
2014/12/06 Javascript
Bootstrap每天必学之警告框插件
2016/04/26 Javascript
Dojo获取下拉框的文本和值实例代码
2016/05/27 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
vue中axios的封装问题(简易版拦截,get,post)
2018/06/15 Javascript
vscode 开发Vue项目的方法步骤
2018/11/25 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
2019/02/21 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
vue实现在线翻译功能
2019/09/27 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
JavaScript代码实现简单计算器
2020/12/27 Javascript
python实现倒计时的示例
2014/02/14 Python
Python编码爬坑指南(必看)
2016/06/10 Python
python3+PyQt5实现柱状图
2018/04/24 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
pandas求两个表格不相交的集合方法
2018/12/08 Python
浅析python 中大括号中括号小括号的区分
2019/07/29 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
python GUI库图形界面开发之PyQt5窗口类QMainWindow详细使用方法
2020/02/26 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
医护人员英文求职信范文
2013/11/26 职场文书
创新型城市实施方案
2014/03/06 职场文书
法律服务所工作总结
2015/08/10 职场文书
2016年世界人口日宣传活动总结
2016/04/05 职场文书
创业计划书之牛肉汤快餐店
2019/10/08 职场文书