壹 ❀ 引

我在如何使用js取任意范围内随机整数这篇博客中,列举并分析了取[n,m)与[n,m]范围内整数的通用方法,并在文章结果留了一个疑问;为什么通用方法中取整操作,我们使用Math.floor()而不是Math.ceil()或者Math.round()方法呢?

知其然更知其所以然,加上在GitHub中那道笔试题答案下,不少网友的答案使用了round或ceil方法来取整,说明不少人对于随机取整为何一定要用floor方法是没有一个深刻理解的,那么本文就对于这个问题展开分析。

 贰 ❀ round ceil floor有何区别

在弄懂这个问题前,我们先将这三个方法的区别说清楚,它们都是JavaScript提供的数字取整方法,但却有着本质区别。

1.关于Math.round()

Math.round()的含义是将一个数字四舍五入为最接近的整数,四舍五入大家不会陌生,一个数字如果是4那就舍弃掉,如果是5,那就进一。

Math.round(0.5); //
Math.round(1.2); //
Math.round(2.41); //
Math.round(-3.55); //-4

2.关于Math.ceil()

Math.ceil()的含义是向上取整,说直白点,就是得到一个大于等于且最接近自己的整数,不难理解。

Math.ceil(0); //
Math.ceil(1.2); //
Math.ceil(2.41); //
Math.ceil(-3.55); //-3

3.关于Math.floor()

Math.floor()刚好与Math.ceil()相反,这是一对冤家,它表示的是向下取整,也就是找小于等于且最接近自己的整数。

Math.floor(0); //
Math.floor(1.2); //
Math.floor(2.41); //
Math.floor(-3.55); //-4

 叁 ❀ 随机整数概率问题

1.使用round的问题

我们知道,当取[0,5]范围内随机整数时,从概率角度,我们是希望每个随机数出现概率是相同的,那么当我们使用round方法会有什么问题呢?

round的作用是四舍五入取整,为了不那么复杂,我们将数字范围划分为0 -- 0.5 -- 1 -- 1.5 -- 2 -- 2.5 -- 3 -- 3.5 -- 4 -- 4.5 -- 5 这几个阶段。

很明显,当范围是0 -- 0.499之前被四舍五入为0,而0.5 -- 1与1 -- 1.4999可四舍五入为1,同理,2阶段,3阶段,4阶段都是前后两个范围,4.5 -- 5可四舍五入为5。

由此可以统计出1,2,3,4出现的概率要整整比0,5两个边界数字出现的概率高百分之50,我们做个简单的测试:

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

这段代码,是取[0,5]范围的随机整数,我们将floor改为round,简单修改逻辑(因为四舍五入,这里改为乘以5),查看每五次取得数字的概率:

function randomArr() {
let arr = [],
length = 5;
while (length--) {
arr.push(Math.round(Math.random() * 5));
};
console.log(arr);
};
setInterval(function () {
randomArr();
}, 1000);

如上图,一眼扫下来出现0与5的概率,普遍比1,2,3,4要低,很明显这对于0与5两个边界数字是不公平的。

2.使用ceil取整的问题

有了上面的分析,ceil就好理解多了,同样是[0,5]范围取随机整数,我看同样做范围拆分。

由于是ceil是向上取整,只有是0时,才是0;只要超过0,0.1甚至0.0001都会向上取整变成1,同理,2,3,4,5概率都会相同,我们可以得出使用ceil对于0是极不公平的,我们将上面的代码中的round改为ceil:

想要随机取整的数字是0的概率,简直比中彩票头等奖还低,毕竟0-1范围内的随机数字组合可以说无数个,外加上还有2,3,4,5几个数字,这下总知道为啥不能用ceil了吧。

3.使用floor为什么可以

floor因为是向下取整,0-0.999之前都是0,1-1.999之前都是1,每个数字概率相同。

所以我们取[0-5]范围内整数时,使用的是Math.random() * 6,得到的范围就是[0-5.999..],在通过下下取整,也就达到取[0-5]的目的了。

4.使用ceil取整后减去1模拟floor?

不对啊,向下取整概率相同,我向上取整不也一样?求[0-5]范围时,我能不能利用向上取整,求一个[1-6]再减去1呢?很明显不行。

0.1-0.999向上取整是1,1.1-1.999向上取整是2,我们这个基础上减去一个1,想法是好的,但这个想法忽略了比中彩票还难出现的数字0,只要0出现,我们根据通用想法减去1,那就是-1了。

Math.ceil(Math.random() * 6) - 1

这段代码貌似能正常取到0-5范围的任意整数,其实当0出现时,就BUG了,虽然我们不知道0什么时候会出现。

 肆 ❀ 总

那么文章到这,我们大概知道了这几个知识点:

1.round floor ceil的作用与区别

2.为什么取范围随机整数使用floor而不是round或者ceil

3.利用floor的思想模拟了ceil减一的做法,结果行不通

那么到这,算是给文章开头的问题解答疑惑了,现在你知道为什么不能使用round或者ceil取随机整数了吗?

js 为何范围内随机取整要用floor,而不是ceil或者round呢的更多相关文章

  1. JS你所不知的小数取整方法

    先介绍几种基本方法. 1.toFixed()方法 toFixed() 方法是属于 Number 对象的方法,可以把 Number 四舍五入到指定的小数位数,括号内为小数位数,范围为0~20,为0时即取 ...

  2. js 向上和向下取整

    Math.ceil(x),Math.floor(x) ◎Math.ceil()执行向上舍入,即它总是将数值向上舍入为最接近的整数:◎Math.floor()执行向下舍入,即它总是将数值向下舍入为最接近 ...

  3. js 向上、向下取整

    // 1.只保留整数部分(丢弃小数部分) parseInt(5.1234);// 5// 2.向下取整(<= 该数值的最大整数)和parseInt()一样Math.floor(5.1234);/ ...

  4. linux(centos8):jmeter5.3并发测试实例(参数在范围内随机取值)

    一,测试的url地址说明: 1,这是一个秒杀功能的url: http://127.0.0.1:8080/second/skusecond?actid=2020&skuid=cpugreen&a ...

  5. JS 从100里面随机取10个数比大小

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. Python中取整的方法floor,ceil,round

    地板函数:math.floor(4.9)=4 天花板函数: math.ceil(4.1)=5 四舍五入: round(4.5)=4 round(4.6)=5

  7. js random获取随机数,获取任意范围内随机整数

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

  8. JS 实现取整

    Js 常用数值函数(Math,parseInt)取整   1.丢弃小数部分,保留整数部分parseInt(5/2) 2.向上取整,有小数就整数部分加1Math.ceil(5/2) 3,四舍五入.Mat ...

  9. js取整

    综述 js中经常会遇到取整问题,所以做了下总结.总的来说分为两个方面,直接取整(不考虑小数点后的部分)还是计算后取整(例如四舍五入,向上取整等). 一.直接取整 1.parseInt(number) ...

随机推荐

  1. VISTA 与输入法程式介面

    原文:VISTA 与输入法程式介面 VISTA 与输入法程式介面       文/黄忠成      近日,我所兼职顾问的公司开始将旧有的Win32 程式及新开发的.NET 应用程式移转到VISTA 系 ...

  2. c# 编写REST的WCF

    REST(Representational State Transfer)即 表述性状态传递 ,简称REST,通俗来讲就是:资源在网络中以某种表现形式进行状态转移. RESTful是一种软件架构风格. ...

  3. HTTP协议入门(一)- 版本

    当我们在浏览器的地址栏输入URL后,信息会被发送到WEB服务器,服务器得到响应,将数据传输回来,展示到WEB页面上,这其中的传输方法就是HTTP协议. 一.HTTP 0.9 发布于1991年,是首个H ...

  4. QML中文件的加载(三种方法)

    在这里小小总结一下QML文件中如何加载QML文件与JavaScript文件. 1.QML文件中加载JavaScript文件 语法: import <ModuleIdentifier> &l ...

  5. Image Captioning 经典论文合辑

    Image Caption: Automatically describing the content of an image domain:CV+NLP Category:(by myself, y ...

  6. Win10《芒果TV》商店版更新v3.7.0卡牌版:为小冰生日献礼,为秋季创意者更新铺路

    由宇宙跨物种新晋主持微软小冰和绍刚叔联袂主持的中国首档原创顶尖科技秀<我是未来>正在芒果台热播,Win10版<芒果TV>更新v3.7.0卡牌版,为微软小冰9月17日生日献礼. ...

  7. spring.net的简单使用(三)创建对象

    这篇主要说对象的创建方式. spring.net提供了三种创建对象的方式,分别是构造器创建,静态工厂创建,实例工厂创建. 多数的情况下,容器会根据对象定义中type属性值去直接调用相应类型的某个构造器 ...

  8. Globalize 1.0 发布,jQuery 的国际化插件

    分享 <关于我> 分享  [中文纪录片]互联网时代                 http://pan.baidu.com/s/1qWkJfcS 分享 <HTML开发MacOSAp ...

  9. 星星的模块封装类 IDSStarsScoreView

    1 IDSStarsScoreView 的实现效果     2 类的封装方法:   <声明文件>   // //  IDSStarsScoreView.h //  Near // //  ...

  10. SQL基础复习2

    一.视图 1.创建视图      创建视图后加 WITH CHECK OPTION 2.视图查询 数据库系统的处理方法: 视图消解法(View Resolution) 步骤: 进行有效性检查-> ...