前几天想伪造一些数据,用到了随机数,没有自己写,便在网上找了一下,找到了这篇文章:https://www.cnblogs.com/starof/p/4988516.html 。之后测试了一下,发现了一个关于parseInt的问题。最后发现造成问题的原因是对该方法不够了解,下面详细说一下具体的过程。

  上文中连接中的随机数方法是这样的(并添加一些测试代码):

  

  var temp=randomNum(0,0); 这样调用链接中的方法,按照方法中的逻辑应该永远返回0才对,为什么还包含其他的数字……下面是一步一步的测试。

  一、我先修改了一下上面的方法,我想要的效果是可以传入0-2个参数,并且参数大小不分先后:

//    获取随机数测试1
var getRangeRandomNumberTest1 = function(num1,num2){
num1 = num1 === undefined ? 0: num1;
num2 = num2 === undefined ? 0: num2;
var minNum=Math.min(num1,num2),maxNum=Math.max(num1,num2);
return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10);
};
var tempRandomNumbers1=[];
for(var i=0;i<=100000000;i++){
var temp=getRangeRandomNumberTest1();
if(tempRandomNumbers1.indexOf(temp)<0){
tempRandomNumbers1.push(temp);
}
}
console.log("随机数数组长度:"+tempRandomNumbers1.length);
console.log("随机数数组内容:"+JSON.stringify(tempRandomNumbers1));

  看一下测试结果:

  

  这次结果没有什么意外,和上面的一样。

  二、我想看一下,用这种方式调用,什么条件下返回结果不为0,下面是测试2:

//    获取随机数测试2
var getRangeRandomNumberTest2 = function(num1,num2){
num1 = num1 === undefined ? 0: num1;
num2 = num2 === undefined ? 0: num2;
var minNum=Math.min(num1,num2),maxNum=Math.max(num1,num2);
var temp1=Math.random();
var temp2=parseInt(temp1*(maxNum-minNum+1)+minNum,10);
var temp3="最大值:"+maxNum+";最小值:"+minNum+";随机数:"+temp1;
if(temp2!==0){
console.log(temp3);
}
return temp2;
}; var tempRandomNumbers2=[];
for(var i=0;i<=100000000;i++){
var temp=getRangeRandomNumberTest2();
if(tempRandomNumbers2.indexOf(temp)<0){
tempRandomNumbers2.push(temp);
}
}
console.log("随机数数组长度:"+tempRandomNumbers2.length);
console.log("随机数数组内容:"+JSON.stringify(tempRandomNumbers2));

  同样再看一下测试结果:

  

console.log(parseInt(6.467984137170646e-7));    //上面生成的一个随机数   //输出结果:6 

  这里发现了一些问题,返回结果不为0的时候,生成的随机数都特别小;之后查了一下parseInt函数的定义和语法

//定义
parseInt() 函数可解析一个字符串,并返回一个整数。
//语法
parseInt(string, radix)

  parseInt函数的第一个参数是字符串,那执行parseInt(6.467984137170646e-7)的过程应该是先将6.467984137170646e-7转成一个字符串

6.467984137170646e-7.toString()                    //输出结果:"6.467984137170646e-7"
0.0000006467984137170646.toString() //输出结果:"6.467984137170646e-7"
6.467984137170646e-7===0.0000006467984137170646 //输出结果:true

  这时结果就要浮出水面了。在数字中6.467984137170646e-7,"e"有特定的含义。但是"6.467984137170646e-7"就是一个字符串,其中"e"没有什么特殊含义,不能表示10的几次幂,和其他的字符没有什么区别。

parseInt("0.0000006467984137170646")            //输出结果:0    //这个结果是我们想要的结果

  看到结果,现在问题应该是0.0000006467984137170646转为字符串的问题了

0.00000654321.toString()                        //输出结果:"0.00000654321"
0.000000654321.toString() //输出结果:"6.54321e-7"
0.0000000654321.toString() //输出结果:"6.54321e-8"

  

  问题就在这里,Math.random()生成的随机数特别小时(小数点后面有连续的>=6个0时),这个小数会用科学计数法表示……

  既然这样调用有问题(虽然是非常规调用),我想在换一种方式获取随机数。

  三、下一种获取随机数的方法:

//    获取随机数测试3
var getRangeRandomNumberTest3 = function(num1,num2){
num1 = num1 === undefined ? 0: num1;
num2 = num2 === undefined ? 0: num2;
var minNum=Math.min(num1,num2),maxNum=Math.max(num1,num2);
return Math.floor(Math.random() * (maxNum - minNum)) + minNum;
};
var tempRandomNumbers3=[];
for(var i=0;i<=10000;i++){
var temp=getRangeRandomNumberTest3(9);
if(tempRandomNumbers3.indexOf(temp)<0){
tempRandomNumbers3.push(temp);
}
}
console.log("随机数数组长度:"+tempRandomNumbers3.length);
console.log("随机数数组内容:"+JSON.stringify(tempRandomNumbers3));

  看一下测试结果:

  

  这次测试,getRangeRandomNumberTest3(9),是这样调用的,本意想生成0-9的随机数,这里缺少了9,应该是Math.floor的问题,那就在换一个……

  四、再换一种获取随机数的方法:

//    获取随机数测试4
var getRangeRandomNumberTest4 = function(num1,num2){
num1 = num1 === undefined ? 0: num1;
num2 = num2 === undefined ? 0: num2;
var minNum=Math.min(num1,num2),maxNum=Math.max(num1,num2);
return Math.round(Math.random() * (maxNum - minNum)) + minNum;
};
var tempRandomNumbers4=[];
for(var i=0;i<=100000000;i++){
var temp=getRangeRandomNumberTest4(9);
if(tempRandomNumbers4.indexOf(temp)<0){
tempRandomNumbers4.push(temp);
}
}
console.log("随机数数组长度:"+tempRandomNumbers4.length);
console.log("随机数数组内容:"+JSON.stringify(tempRandomNumbers4));

  再看一下测试结果:

  

  这次结果很是满意,达到了想要的结果……作为最终版,再将方法完善一下:

var getRangeRandomNumber = function(num1,num2){
num1 = Number.isInteger(num1) ? num1: 0;
num2 = Number.isInteger(num2) ? num2: 0;
var minNum=Math.min(num1,num2),maxNum=Math.max(num1,num2);
return Math.round(Math.random() * (maxNum - minNum)) + minNum;
};

  下面看一下最终版的测试截图:

  

  至此,这篇笔记就结束了,谢谢大家!

javascript随机数发现的一个parseInt函数的问题的更多相关文章

  1. Javascript 随机数函数 学习之二:产生服从正态分布随机数

    一.为什么需要服从正态分布的随机函数 一般我们经常使用的随机数函数 Math.random() 产生的是服从均匀分布的随机数,能够模拟等概率出现的情况,例如 扔一个骰子,1到6点的概率应该相等,但现实 ...

  2. javascript使用parseInt函数时需要注意的一些问题

    这个问题大家可能会忽视,我在项目中就遇到了.写了提醒一下大家!!! 在用javascript的parseInt函数时,parseInt("08")或者parseInt(" ...

  3. 字串符相关 split() 字串符分隔 substring() 提取字符串 substr()提取指定数目的字符 parseInt() 函数可解析一个字符串,并返回一个整数。

    split() 方法将字符串分割为字符串数组,并返回此数组. stringObject.split(separator,limit) 我们将按照不同的方式来分割字符串: 使用指定符号分割字符串,代码如 ...

  4. Javascript 随机数函数 学习之一:产生服从均匀分布随机数

    大家都知道Math.random是 javascript 中返回伪随机数的函数,但查看 MDN, The Math.random() function returns a floating-point ...

  5. 给你一个能生成1到5随机数的函数,用它写一个函数生成1到7的随机数。 (即,使用函数rand5()来实现函数rand7())

    给你一个能生成1到5随机数的函数,用它写一个函数生成1到7的随机数. (即,使用函数rand5()来实现函数rand7()). 解答 rand5可以随机生成1,2,3,4,5:rand7可以随机生成1 ...

  6. JavaScript的parseint()函数

    定义和用法 parseInt() 函数可解析一个字符串,并返回一个整数. 语法 parseInt(string, radix) 参数 描述 string 必选项.要转换为数字的字符串. radix 可 ...

  7. JavaScript parseInt() 函数

    定义和用法 parseInt() 函数可解析一个字符串,并返回一个整数. 语法 parseInt(string, radix) 参数 描述 string 必需.要被解析的字符串. radix 可选.表 ...

  8. 在javascript中:(函数()()是一个匿名函数

    在javascript中:(函数()()是一个匿名函数,它主要使用函数中的变量范围来避免全局变量,影响整个页面环境,并提高代码兼容性. (函数())是标准函数定义,但不会复制到任何变量.所以有一个没有 ...

  9. JS函数 编程练习 使用javascript代码写出一个函数:实现传入两个整数后弹出较大的整数。

    编程练习 使用javascript代码写出一个函数:实现传入两个整数后弹出较大的整数. 任务 第一步: 编写代码完成一个函数的定义吧. 第二步: 我们来补充函数体中的控制语句,完成函数功能吧. 提示: ...

随机推荐

  1. 初步认知jQuery

    jQuery:是JavaScript的一个类库全写JavaScript query   write less do more JavaScript查询写的更少做的更多 第一步先导入js文件: < ...

  2. nginx部署基于http负载均衡器

    nginx跨多个应用程序实例的负载平衡是一种用于优化资源利用率,最大化吞吐量,减少延迟和确保容错配置的常用技术. 环境介绍 配置nginx负载均衡器因会用到多台服务器来进行,所以下面我会用到docke ...

  3. 打样ov9650,无一幸免,失败告终,之调试记录

    新打样的ov9650,焊接了4块,其中只有2块有反应,另外两块无反应,于是使用热风台助焊,调试 助焊无效,怀疑焊盘有问题,于是拆掉 有问题的图像不正常 已看图像,只知道缺位,于是使用示波器检查,发现d ...

  4. 【Selenium】自动进入网页,出现弹窗被卡住

    问题现象: 使用命令:driver.get("http://127.0.0.1/zentao/user-login.html") 进入网页,出现如下弹窗,无法进入 解决方法: #d ...

  5. Spring 学习,看松哥这一篇万余字干货就够了!

    1. Spring 简介 我们常说的 Spring 实际上是指 Spring Framework,而 Spring Framework 只是 Spring 家族中的一个分支而已.那么 Spring 家 ...

  6. Windows安装MSYS2_切换zsh_整合cmder

    MSYS2是什么 MSYS2 (Minimal SYStem 2) 是一个MSYS的独立改写版本,主要用于 shell 命令行开发环境.同时它也是一个在Cygwin (POSIX 兼容性层) 和 Mi ...

  7. JS-scrollTop、scrollHeight、clientTop、clientHeight、offsetTop、offsetHeight的理解

    scrollTop, 可写(这些属性中唯一一个可写的元素) Element.scrollTop 属性可以获取或设置一个元素的内容垂直滚动的像素数. 一个元素的 scrollTop 值是这个元素的顶部到 ...

  8. 面试题:为什么客户端最后还要等待2MSL

    面试题: 为什么客户端最后还要等待2MSL MSL(Maximum Segment Lifetime),TCP允许不同的实现可以设置不同的MSL值. 保证客户端发送的最后一个ACK报文能够到达服务器, ...

  9. Spring Cloud进阶之路 | 二:服务提供者(discovery)

    1 创建父项目 以前文所述,以spring boot 2.1.7.RELEASE为基,spring cloud版本为Greenwich.SR2,spring cloud alibaba版本为2.1.0 ...

  10. Spire.Cloud 在线编辑

    简介 Spire.Cloud在线编辑器是一款基于网页的 Office 文件编辑工具,支持在网页中打开.编辑.打印 Word.Excel.PPT 文件,支持将文档保存到私有云盘.支持 IE.Chrome ...