壹 

想着好久没做笔试题了,去GitHub找了面试相关的项目,结果被第一道题难住了.....说难其实也不难,而是我忘记了取范围随机整数怎么写了,不可否认如果当时是我在笔试,肯定也凉了,那么就由这道题引出本文。

对了,如果你要取范围整数的方法,请跳到文章尾部,但如果你想知道为什么这么写,请阅读本文,那么本文开始:

题目来源

 贰  关于random()

若要取随机整数,前提得知道数组API中的Math.random()方法能取0--1的随机数,它的范围是[0,1),也就是取包括0但不包括1的随机数。

其次,数组API中有一个Math.floor()方法代表向下取整,Math.floor(X)的代表的是取≤ X 且最接近X的整数。

那么我们可以通过Math.random()先取得随机数,再通过乘法计算得到大致范围,最后通过Math.floor()进行取整加工就可以达到目的了。

1.取[n,m)范围随机整数

比如,我要取 [0,100) 范围的随机整数,包括0但不包括100:

//[0,1)*100 => [0,100) 范围是0-99.99999...随机数
Math.random() * 100;
//向下取整加工,范围变成 0-99
Math.floor(Math.random() * 100);

0-100好理解一点,那我们怎么取 [2,32) 之间随机整数呢,思路相同:

当random取到0时,我们希望最后结果是2,所以需要有个加2的操作,那么32的情况只能拆分成30 + 2,所以应该是先乘法得到30,再有个加2的操作,像这么写:

Math.floor(Math.random() * 30) + 2;

结合上面2个例子,我们大概可以得出一个规律,取 [n,m) 包括n但不包括m的随机整数公式:

Math.floor(Math.random() * (m-n)) + n;

2.取[n,m]范围随机整数

如何取得包含n且包含m的随机整数呢,我们还是以好计算的[0,100]为例子。

按照前面的写法无法取到100,怎么办呢,我们直接在计算时得到一个100.99999,然后向下取整不就是100了,所以我们需要在乘以100的基础上再加上一个1。

需要注意的是加1操作的不能在random乘法计算完之后,你想想如果是乘完后加1,假设random乘法得到0再加个1,那最少的数字就是1了,所以加1必须是在乘法的时候加,所以应该是这样:

Math.floor(Math.random() * 101);

这样根据 [0,1) 的范围算出来的范围就是 [0,101),因为不包括101,所以就是[0,100]了。

针对 [2,32] 呢,简单分析一波,random是0时,我们希望得到2;假设random可以是1,我们希望得算出一个33才行,这样向下取整就能包含32了。

根据上面的分析,所以我们得让random乘法得到一个31,然后再加一个2,应该这么写:

Math.floor(Math.random() * 31) + 2;

我们大概可以得到一个规律,求 [n,m] 范围内的随机整数时,应该这样:

Math.floor(Math.random() * (m - n + 1)) + n;

那么取范围随机整数问题解决了,我们来解决那道笔试题:

let arr = new Array(5);
function randomArr(i = 0, min = 2, max = 32) {
let num = Math.floor(Math.random() * (max - min + 1)) + min;
if (!arr.includes(num)) {arr[i] = num;i++;};
return i < 5 ? randomArr(i) : arr;
};
let result = randomArr();

没超过十五行,虽然 if 这里没换行,看着不太美观,试了下,完全没问题,那么我们成功解决了这个问题。

 叁  玩点花样

既然知道了如何取范围内随机数,查了下,颜色强度范围是 [0-255] ,那么我们来做个随机变色的背景图。

function random(min = 0, max = 255) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}; function randomColor() {
let r = random(),
g = random(),
b = random();
return `rgb(${r},${g},${b})`;
};
let color = randomColor();

然后,我们做出这么个东西:

 肆 

那么写到这,我们掌握了这些知识:

1.Math.random()可用来获取 [0,1) 范围的随机数,包括0但不包括1。

2.Math.floor()可对数字进行向下取整,取整规则是小于等于且最接近该数字的整数。

3.取 [n,m) 范围的随机整数通用公式

Math.floor(Math.random() * (m-n)) + n;

4.取 [n,m] 范围的随机整数通用公式

Math.floor(Math.random() * (m - n + 1)) + n;

5.如何利用取范围随机整数来获取随机颜色。

那么本文先结束,留个问题,为什么取整数不能使用round方法,或者ceil方法呢,为什么要使用floor方法?

若有兴趣,请阅读博主为何随机取整要用floor,而非ceil或round呢

js random获取随机数,获取任意范围内随机整数的更多相关文章

  1. java Math.random()生成从n到m的随机整数

    Java中Math类的random()方法可以生成[0,1)之间的随机浮点数.而double类型数据强制转换成int类型,整数部分赋值给int类型变量,小数点之后的小数部分将会丢失. 如果要生成[0, ...

  2. Java获取随机数获取制定范围指定个数不重复的随机数

    一.JDK中提供的两种方式 1.Math类中的random()方法public static double random()返回带正号的 double 值,该值大于等于 0.0 且小于 1.0 [0. ...

  3. js 为何范围内随机取整要用floor,而不是ceil或者round呢

     壹 ❀ 引 我在如何使用js取任意范围内随机整数这篇博客中,列举并分析了取[n,m)与[n,m]范围内整数的通用方法,并在文章结果留了一个疑问:为什么通用方法中取整操作,我们使用Math.floor ...

  4. java 获取随机数的三种方法

    方法1(数据类型)(最小值+Math.random()*(最大值-最小值+1))例:(int)(1+Math.random()*(10-1+1))从1到10的int型随数 方法2获得随机数for (i ...

  5. Java获取随机数的几种方法

    Java获取随机数的几种方法 .使用org.apache.commons.lang.RandomStringUtils.randomAlphanumeric()取数字字母随机10位; //取得一个3位 ...

  6. js生成[n,m]的随机数,js如何生成随机数,javascript随机数Math.random()

    一.预备知识 Math.ceil();  //向上取整. Math.floor();  //向下取整. Math.round();  //四舍五入. Math.random();  //0.0 ~ 1 ...

  7. JS random函数深入理解(转载)

    转载自:(本文对读者有帮助的话请移步支持原作者) http://www.cnblogs.com/starof/p/4988516.html 一.预备知识 Math.ceil();  //向上取整. M ...

  8. JS生成限定整数区间范围内的随机整数

    对于整数区间获取随机整数: m,n均为整数,且n>m. 获取[m,n)区间内的随机整数: 1 var aNumber = (n - m) * Math.random() + m; 2 var r ...

  9. JS中生成随机数

    1.Math 对象方法: Math.ceil(); //向上取整. Math.floor(); //向下取整. Math.round(); //四舍五入. Math.random(); //0.0 ~ ...

随机推荐

  1. Windows10 1607 x64/x86 + Office 2016 Win/Mac + KMS激活/安装密钥汇总

    各位观众,这里汇总了一份最新微软系统和办公软件的资源清单,希望对你们有帮助. Windows10 1607 For x64 ed2k://|file|cn_windows_10_multiple_ed ...

  2. mysqldump数据库备份与恢复

    mysqldump -u 用户名 -p 数据库名> 备份的文件名 本文中因服务器为多实例,所以在执行登陆等命令时指定了-S参数,即指定其中一个数据库 备份: mysqldump -u root ...

  3. SQL Server中 SET 和 SELECT 赋值有什么区别?

    SQL Server 中对已经定义的变量赋值的方式用两种,分别是 SET 和 SELECT.对于这两种方式的区别,SQL Server 联机丛书中已经有详细的说明,但很多时候我们并没有注意,其实这两种 ...

  4. Linux下的帮助命令

    内建命令,外部命令,命令别名:使用:type 命令名,查看 内建命令是shell一部分,一开始就加载进内存,程序一般简单:外部命令反之 2.  帮助命令的使用 内建命令:help 命令名:外部命令:命 ...

  5. window下搭建qt开发环境编译、引用ace

    工作中经常用到ace.tao等,在windwo下的c++开发工具基本上就是vs20xx这些工具,还有些就是类似编辑工具例如:source insight等,前者比较大,打开.编译运行比较慢,二期针对a ...

  6. Delphi中文件流的使用方法

    在Delphi中,所有流对象的基类为TStream类, 其中定义了所有流的共同属性和方法.TStream类中定义的属性介绍如下: 1.Size: 此属性以字节返回流中数据大小. 2.Position: ...

  7. Qt之Model-View架构(雨田哥的博客)

    Qt之Model-View架构 Qt之Model-View架构 简述 效果图 代码 结尾 简述 为什么会用这个模式,这里我就不解释了,可以看下 豆子哥的见解 .这里我只是如何去使用的.供大家共同探讨学 ...

  8. QThread多线程编程经典案例分析(三种方法,解释了为什么使用moveToThread的根本原因,即为了避免调用QThread::exec() )

    传统的图形界面应用程序都只有一个线程执行,并且一次执行一个操作.如果用户调用一个比较耗时的操作,就会冻结界面响应. 一个解决方法是按照事件处理的思路: 调用 Void QApplication::pr ...

  9. Gps坐标距离计算C#实现

    园子里找到两钟实现方式,做一记录,回头再认真学习,先拿来就用吧: 1.@旋风描述的算法: 场景:已知两个GPS点的经纬度坐标信息.计算两点的距离. 1. 距离/纬度关系 GPS: 22.514519, ...

  10. hadoop之hive集合数据类型

    除了string,boolean,date等基本数据类型之外,hive还支持三种高级数据类型: 1.ARRAY ARRAY类型是由一系列相同数据类型的元素组成,这些元素可以通过下标来访问.比如有一个A ...