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静态作用域的功能。
Dec 25 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
Oct 10 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
Aug 27 Javascript
DIV始终居中的js代码
Feb 17 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
Dec 31 Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 Javascript
javascript动画之磁性吸附效果篇
Dec 09 Javascript
Webpack 4如何动态切割JS注入文件名详解
Jul 09 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
jQuery实现弹幕特效
Nov 29 jQuery
vue实现商品列表的添加删除实例讲解
May 14 Javascript
Vue-router中hash模式与history模式的区别详解
Dec 15 Vue.js
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 递归效率分析
2009/11/24 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
PHP生成唯一订单号的方法汇总
2015/04/16 PHP
php版微信公众账号第三方管理工具开发简明教程
2016/09/23 PHP
php对微信支付回调处理的方法
2018/08/23 PHP
PHP使用PDO操作sqlite数据库应用案例
2019/03/07 PHP
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
form表单只提交数据而不进行页面跳转的解决方案
2013/09/18 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
2013/11/13 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
JSONObject使用方法详解
2015/12/17 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
Bootstrap实现导航栏的2种方式
2016/11/28 Javascript
AngularJS表单基本操作
2017/01/09 Javascript
详解使用React进行组件库开发
2018/02/06 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
Python中不同进制的语法及转换方法分析
2016/07/27 Python
Python正则表达式如何进行字符串替换实例
2016/12/28 Python
Python实现的redis分布式锁功能示例
2018/05/29 Python
从运行效率与开发效率比较Python和C++
2018/12/14 Python
python中使用 xlwt 操作excel的常见方法与问题
2019/01/13 Python
简单瞅瞅Python vars()内置函数的实现
2019/09/27 Python
python实现井字棋小游戏
2020/03/04 Python
python输入一个水仙花数(三位数) 输出百位十位个位实例
2020/05/03 Python
实例讲解使用HTML5 Canvas绘制阴影效果的方法
2016/03/25 HTML / CSS
财务会计人员求职的自我评价
2014/01/13 职场文书
四风问题自查报告剖析材料
2014/02/08 职场文书
机械专业求职信范文
2014/07/15 职场文书
关于随地扔垃圾的检讨书
2014/09/30 职场文书
2014年城市管理工作总结
2014/12/02 职场文书
经理岗位职责
2015/02/02 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
Mac环境Nginx配置和访问本地静态资源的实现
2021/03/31 Servers
JavaScript选择器函数querySelector和querySelectorAll
2021/11/27 Javascript
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server