在JavaScript语言里有个 Math.random() 随机函数,用于生成指定范围内的随机数。

Math.random()函数

  根据官方的定义: Math.random() 函数返回一个浮点数, 伪随机数在范围[0,1),也就是说,从0(包括0)往上,但是不包括1(排除1),然后您可以缩放到所需的范围。实现将初始种子选择到随机数生成算法;它不能被用户选择或重置。

也就是说 random() 方法可返回介于 0 ~ 1 之间的一个随机数。比如:0.93228703630515190.081824481973134850.6718927278167157,每次调用它会返回一个含16位小数的随机浮点数。

  我们日常代码过程中实际上是需要生成整数,或是指定区间的随机数,这就需要对它封装改造一下了。常见的封装改造有以下几种。

随机整数:floor + random

示例:生成随机整数,传入参数是最大值(不包括),即返回值是 [0, max)

function getRandomInt(max) {
return Math.floor(Math.random() * Math.floor(max));
} console.log(getRandomInt(3));
// expected output: 0, 1 or 2 console.log(getRandomInt(1));
// expected output: 0

指定区间的随机数(一)

示例:这个例子返回了一个在指定值之间的随机数 [min, max)。这个值不小于 min(有可能等于),并且小于(不等于)max。

function getRandomArbitrary(min, max) {
return Math.random() * (max - min) + min;
} console.log(getRandomArbitrary(1,3));
// expected output: 1.0501238302537486,1.9956248025522734,2.7839421306375227 ……

指定区间的随机数(二)

示例:这个例子返回了一个在指定值之间的随机整数 [min, max)。这个值不小于 min (如果 min 不是整数,则不小于 min 的向上取整数),且小于(不等于)max。

function getRandomInt(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min)) + min; //不含最大值,含最小值
} console.log(getRandomInt(1,3));
// expected output: 1 or 2

也许很容易想到用 Math.round() 来实现,但是这会导致你的随机数处于一个不均匀的分布,这可能不符合你的需求。

指定区间的随机数(三)

上一个例子提到的函数 getRandomInt() 结果范围包含了最小值,但不含最大值。如果你的随机结果需要同时包含最小值和最大值,怎么办呢? getRoundRandom() 函数可以实现得到一个两数之间的随机整数,包括两个数在内。

示例:这个例子返回了一个在指定值之间的随机整数 [min, max]。这个值不小于 min (如果 min 不是整数,则不小于 min 的向上取整数),且不大于max(如果 max 不是整数,则不小于 max 的向下取整数)。

function getRoundRandom(min, max){
return Math.round(Math.random()*(max-min))+min;
} console.log(myRoundRandom(1,3));
// expected output: 1, 2 or 3

  需要注意:Math.round() 函数返回一个数字四舍五入后最接近的整数。它取整的结果分布不均,大概成正泰分布。验证:var num = getRoundRandom(0, 5); 生成5轮,每轮10000个结果分布如下:

指定区间的随机数(四)

得到一个两数之间的随机整数,包括两个数在内。如果想概率分布均匀一点可以使用 Math.trunc()

Math.trunc() 方法会将数字的小数部分去掉,只保留整数部分。Math.trunc() 的执行逻辑很简单,仅仅是删除掉数字的小数部分和小数点,不管参数是正数还是负数。传入该方法的参数会被隐式转换成数字类型。

示例:这个例子返回了一个在指定值之间的随机整数 [min, max]。这个值不小于 min,且不大于max。

function getTruncRandom(min, max){
return Math.trunc(Math.random()*(max-min+1))+min;
} console.log(getTruncRandom(1,3));
// expected output: 1, 2 or 3

可以简写:const getTruncRandom=(min,max)=>Math.trunc(Math.random()*(max-min+1)+min);

验证:var num = getTruncRandom(0, 5); 生成5轮,每轮10000个结果分布如下:

指定区间的随机数(五)

前面例子提到的函数 getRandomInt() 结果范围包含了最小值,但不含最大值。如果你的随机结果需要同时包含最小值和最大值,怎么办呢? getRandomIntInclusive() 函数可以实现得到一个两数之间的随机整数,包括两个数在内。

示例:这个例子返回了一个在指定值之间的随机整数 [min, max]。这个值不小于 min (如果 min 不是整数,则不小于 min 的向上取整数),且不大于max(如果 max 不是整数,则不小于 max 的向下取整数)。

function getRandomIntInclusive(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random()*(max-min+1))+min; //含最大值,含最小值
} console.log(getRandomIntInclusive(1,3));
// expected output: 1, 2 or 3

验证:var num = getRandomIntInclusive(0, 5); 生成5轮,每轮10000个结果分布如下:

总结

  1,实验三采用round + random方式最终验证随机结果分布不均衡,不予采用;

  2,实验四、实验五最终验证随机结果分布接近均衡,均可以采用;

  3,实验四利用 trunc + random 实现方式简洁,运算次数更少,推荐采用;


附件代码:生成5轮,每轮10000个结果分布

<script>
// round + random()函数
function getRoundRandom(min, max){
return Math.round(Math.random()*(max-min))+min;
/* 实验结果
游戏开始:zero = 0 one =0 two =0 three =0 four =0 five=0
游戏结束:zero = 1034 one =2011 two =1965 three =2004 four =1978 five=1008
游戏结束:zero = 978 one =2097 two =1967 three =1947 four =2062 five=949
游戏结束:zero = 1083 one =2066 two =1933 three =1908 four =1986 five=1024
游戏结束:zero = 994 one =1974 two =2092 three =1918 four =1967 five=1055
游戏结束:zero = 1010 one =1979 two =2086 three =1970 four =1944 five=1011
*/
}
// trunc + random()函数
function getTruncRandom(min, max){
return Math.trunc(Math.random()*(max-min+1))+min;
/* 实验结果
游戏开始:zero = 0 one =0 two =0 three =0 four =0 five=0
游戏结束:zero = 1752 one =1607 two =1636 three =1631 four =1650 five=1724
游戏结束:zero = 1667 one =1660 two =1696 three =1654 four =1646 five=1677
游戏结束:zero = 1708 one =1658 two =1658 three =1724 four =1619 five=1633
游戏结束:zero = 1688 one =1620 two =1689 three =1664 four =1664 five=1675
游戏结束:zero = 1737 one =1644 two =1655 three =1656 four =1694 five=1614
*/
}
// ceil + floor + random()函数
function getRandomIntInclusive(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值,含最小值
} function guess(){
var zero = one = two = three = four = five = 0; // 记录每个数出现次数 console.log('游戏开始:zero = '+zero+' one ='+one+' two ='+two+' three ='+three+' four ='+four+' five='+five);
for(var i=0; i<10000; i++)
{
// 自定义生成随机数
// var num = getRoundRandom(0, 5);
// var num = getTruncRandom(0, 5);
var num = getRandomIntInclusive(0, 5); // 对结果类型计数
switch(num){
case 0: zero++; break;
case 1: one++; break;
case 2: two++; break;
case 3: three++; break;
case 4: four++; break;
case 5: five++; break;
default: console.error('生成数字错误 num='+num);
}
} // 该轮结束输出结果类型计数
console.log('游戏结束:zero = '+zero+' one ='+one+' two ='+two+' three ='+three+' four ='+four+' five='+five);
} guess();
</script>

【完】

JS语言里常见的随机函数示例,实验结果分布规律分析的更多相关文章

  1. 用python实现js语言里的特性

    有大佬说:“搜 arraybuffer 的 polyfill 然后翻译成 python就行了” ...

  2. NODE.JS学习的常见误区及四大名著

    NODE.JS学习的常见误区及四大名著 前段时间由于不满于社区里很多人对于NODE.JS的种种误解而写了一篇文章名为: NODE.JS之我见:http://www.cnblogs.com/pugang ...

  3. 【原】JS正则表达式里的控制符

    正则表达式易于使用而又让人费解,乍一看上去,就像是一行行的乱码,但是它的功能确实又不容小觑.今天整理正则时,纠正了自己的一个误解. 先缕一缕: 正则表达式的两种声明方式: 字面量.构造器 (RegEx ...

  4. JS 语言核心(JavaScript权威指南第六版)(阅读笔记)

    前言: 对于程序员,学习是无止境的,知识淘换非常快,能够快速稳固掌握一门新技术,是一个程序员应该具备的素质.这里将分享本人一点点不成熟的心得. 了解一门语言,了解它的概念非常重要,但是一些优秀的设计思 ...

  5. const分别在C和C++语言里的含义和实现机制

    const的含义        简单地说:const在c语言中表示只读的变量,而在c++语言中表示常量. C语言 const是constant的缩写,是恒定不变的意思,也翻译为常量,但是很多人都认为被 ...

  6. ES6学习一 JS语言增强篇

    一 背景 JavaScript经过二十来年年的发展,由最初简单的交互脚本语言,发展到今天的富客户端交互,后端服务器处理,跨平台(Native),以及小程序等等的应用.JS的角色越来越重要,处理场景越来 ...

  7. js currying & js 科里化

    js currying & js 科里化 var test = ( function (a){ console.log(`a2 =`, a);// 1 // console.log(`b2 = ...

  8. 基于 React.js + Redux + Bootstrap 的 Ruby China 示例 (转)

    一直学 REACT + METEOR 但路由部分有点问题,参考一下:基于 React.js + Redux + Bootstrap 的 Ruby China 示例 http://react-china ...

  9. 在js脚本里计算多个小数的加法问题

    当在js脚本里计算多个小数的加法时,算得的结果往往会自动取整,这时候我们就应该加入以下代码: function toDecimal(x) { var val = Number(x); if (!isN ...

  10. c语言里用结构体和指针函数实现面向对象思想

    一.基础研究 观察如下两个程序a.c和b.c: A.c: B.c: 这两个程序都是要实现在屏幕上第10行40列打印一个绿色的字符c: 这两个程序的数据组织方式是一样的,都是使用结构体,而且对共性和个性 ...

随机推荐

  1. pages.json 文件:pages 节点

    pages uni-app 通过 pages 节点配置应用由哪些页面组成,pages 节点接收一个数组,数组每个项都是一个对象,其属性值如下: 属性 类型 默认值 描述 path String   配 ...

  2. 【Linux】(小白向)详解VirtualBox网络配置-配置Linux网络

    本文时间 2023-05-18 作者:sugerqube漆瓷 本文面向新手,重在理解会舍弃不少精密的理论,还请大佬们见谅. 本文目标:成功使用ssh工具登录linux,同时linux能连接外网. 网络 ...

  3. 警惕看不见的重试机制:为什么使用RPC必须考虑幂等性

    0 文章概述 在RPC场景中因为重试或者没有实现幂等机制而导致的重复数据问题,必须引起大家重视,有可能会造成例如一次购买创建多笔订单,一条通知信息被发送多次等问题,这是技术人员必须面对和解决的问题. ...

  4. ShowMeBug 持续升级,提供高信效度支撑的技术招聘方案

    去年年底,全新升级版的 ShowMeBug --一款支持实战编程的技术能力评估平台,首次揭开了它神秘的面纱. 而近日,ShowMeBug 再次迎来一系列产品更新,它将以全新的面貌,提供高信效度支撑的技 ...

  5. C++ 学习笔记 (一)

    C++标准化组织 https://isocpp.org/std/status http://open-std.org/JTC1/SC22/WG21/ why C++王者归来? https://cool ...

  6. [ESP] 私有版Rainmaker User Mapping

    [ESP] 私有版Rainmaker User Mapping 1. 设备烧录的程序esp-rainmaker/examples/gpio这个demo 我这里是自己的工程,可以参照 idf.py se ...

  7. 【QCustomPlot】配置帮助文档

    说明 使用 QCustomPlot 绘图库辅助开发时整理的学习笔记.同系列文章目录可见 <绘图库 QCustomPlot 学习笔记>目录.本篇介绍 QCustomPlot 帮助文档的配置. ...

  8. .NET源码解读kestrel服务器及创建HttpContext对象流程

    .NET本身就是一个基于中间件(middleware)的框架,它通过一系列的中间件组件来处理HTTP请求和响应.因此,本篇文章主要描述从用户键入请求到服务器响应的大致流程,并深入探讨.NET通过kes ...

  9. docker安装LuaJIT WEB应用防火墙

    安装包请见 https://www.jianshu.com/p/b81656764613 Dockerfile #FROM ubuntu FROM centos MAINTAINER G00G1S C ...

  10. 使用Docker将Vite Vue项目部署到Nginx二级目录

    Vue项目配置 使用Vite创建一个Vue项目,点我查看如何创建 配置打包路径 在Nginx中如果是二级目录,例如/web时,需要设置线上的打包路径 在项目跟路径下创建两个文件:.env.produc ...