JS小技巧——随机数的生成

应用场景：

日常生活中，抽奖环节或者选人环节对于一个范围内随机数选择的频率是很高的。

例如1~100之间的某个整数。

问题描述：

      JS中 Math 对象的 random() 方法是结果在 [0,1) 之间的且精确到小数点后很多位的小数。显然不太符合实际应用的需求。

<script>
    console.log(Math.random());
</script>

解决方法：

其实只需要记住一个简单的公式并将其封装成函数，就能实现在任意数字范围内生成随机整数的需求。

• 不包含最大值 ，输入范围 [1.5,5.5)，实际随机数范围 [2,5)

function getRandom(min,max) {
    min = Math.ceil(min);        // 确保当输入为小数时，仍能取范围内的整数
    max = Math.floor(max); 
    return Math.floor(Math.random() * (max - min)) + min;
 }
 console.log(getRandom(1.5,5.5));

•  包含最大值 ，输入范围 [10.5,20.5] ，实际随机数范围 [10,20]

function getRandom(min,max) {
    min = Math.ceil(min);        // 确保当输入为小数时，仍能取范围内的整数
    max = Math.floor(max);
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
console.log(getRandom(10.5,20.5));

猜数小案例

系统随机生成1-10之间的任意整数，用户在输入框中输入自己所猜测的数值。

若数值大于选定的随机数，则提示 "猜大了，请重新输入"

若小于所选定的随机数，则提示 "猜小了，请重新输入"

若相等则提示 "猜对了，并退出程序"

<script>
   function getRandom(min,max) {
        min = Math.ceil(min);        
        max = Math.floor(max); 
        return Math.floor(Math.random() * (max - min)) + min;
   }

   var flag = getRandom(1,10);
   console.log(flag);

   while(1){
       var number = prompt("请输入您所猜的数值范围（1-10）");
       if(number < flag) {
           alert("猜小了，请重新输入！");
       } else if(number > flag) {
           alert("猜大了，请重新输入！");
       }else {
           alert("猜对了，该随机数为：" + flag); 
           break;
       }
   }
</script>