如何在 JavaScript 中生成两个数字之间的随机数？

要生成随机数，我们使用Math.random()函数。此方法返回范围在0（包含）到1（不包含）之间的浮点数。要在不同的范围内生成随机数，我们应该定义范围的最小值和最大值限制。请遵循下面的第二种语法。

要生成随机整数，您可以遵循下面讨论的第三种和第四种语法。

由于 Math.random() 方法给我们一个随机浮点数，因此要将结果转换为整数，我们需要应用一些基本的数学运算。请遵循以下语法。

语法

以下是生成两个数字之间随机数的语法：

  • 生成0（包含）和1（不包含）之间的随机数。

MMath.random()

  • 生成两个数字之间的随机数。

Math.random() * (max-min) + min);

  • 生成两个数字min和max之间的随机整数（min 和 max 都包含在内）。

Math.floor(Math.random() * ((max-min)+1) + min);

  • 生成两个数字min和max之间的随机整数（min包含在内，max不包含在内）。

Math.floor(Math.random() * (max-min) + min);

这里min和max是在其之间我们想要生成随机数的起始和结束数字。

示例 1

生成 0（包含）和 1（不包含）之间的随机数。

在下面的示例中，我们生成 0 和 1 之间的随机数。这里 0 是包含的，1 是不包含的。

<html>
<body>
   <h3>Genrate a random number between 0 (inclusinve) and 1 (exclusinve)</h3>
   <p id="result"></p>
   <script>
      var random = Math.random();
      document.getElementById("result").innerHTML = random;
   </script>
</body>
</html>

示例 2

生成许多 0（包含）和 1（不包含）之间的随机数。

在下面的示例中，我们生成 10 个 0 和 1 之间的随机数。这里 0 是包含的，1 是不包含的。

<html>
<body>
   <h3>Genrate 10 random numbers between 0 (inclusinve) and 1 (exclusinve)</h3>
   <p id="result"></p>
   <script>
      for(var i =0; i < 10; i++){
         var random = Math.random();
         document.getElementById("result").innerHTML += random + "<br>";
      }
   </script>
</body>
</html>

示例 3

生成两个数字之间的随机数。

在下面的示例中，我们生成 20 和 50 之间的随机数。

<html>
<body>
   <h3>Genrate a random number between 20 and 50</h3>
   <p id="result"></p>
   <script>
      var min = 20;
      var max = 50
      var random = Math.random() * (max - min) + min;
      document.getElementById("result").innerHTML += random ;
   </script>
</body>
</html>

示例 4

生成许多两个数字之间的随机数。

在下面的示例中，我们生成 10 个 20 和 50 之间的随机数。

<html>
<body>
   <h3>Genrate 10 random number between 20 and 50</h3>
   <p id="result"></p>
   <script>
      var min = 20;
      var max = 50;
      for(var i =0; i < 10; i++){
         var random = Math.random() * (max - min) + min;
         document.getElementById("result").innerHTML += random + "<br>";
      }
   </script>
</body>
</html>

请注意，到目前为止；生成的随机数是浮点数。现在让我们看看如何生成随机整数。

示例 5

生成两个数字之间的随机整数。

在下面的示例中，我们生成 10 和 100 之间的随机整数。

<html>
<body>
   <h3>Genrate a random integer between10 and 100</h3>
   <p id="result"></p>
   <script>
      function randomInt(min, max) {
         min = Math.ceil(min);
         max = Math.floor(max);
         return Math.floor(Math.random() * (max - min)) + min;
      }
      document.getElementById("result").innerHTML = randomInt(10,100);
   </script>
</body>
</html>

示例 6

在下面的示例中，我们从用户那里获取两个数字。我们在这两个数字之间生成一个随机数。

<html>
<body>
   <h3>Generate Random Number Using JavaScript</h3>
   <div style="display: inline-block;">Random Number Between <input type="text" class="start"> and <input type="text" class="end"></div> <br /><br />
   <input type="button" value="Get Number" onclick="getRandomNumber();">
   <p class="number"></p>
   <script>
      function getRandom(start,end){
         return Math.floor(Math.random()*(end-start+1))+start;
      }
      function getRandomNumber(){
         var start = document.getElementsByClassName('start')[0].value;
         var end = document.getElementsByClassName('end')[0].value;
         document.getElementsByClassName('number')[0].innerHTML = 'The Random Number is : <span class="highlight">'+getRandom(parseInt(start),parseInt(end))+'</span>';
      }
   </script>
</body>
</html>

示例 7

生成许多两个数字之间的随机整数。

在下面的示例中，我们生成 10 个 10 和 100 之间的随机整数。

<html>
<body>
   <h3>Generate 10 random integers between 10 and 100</h3>
   <p id="result"></p>
   <script>
      function randomInt(min, max) {
         min = Math.ceil(min);
         max = Math.floor(max);
         return Math.floor(Math.random() * (max - min)) + min;
      }
      for (var i = 0; i < 10; i++) {
         document.getElementById("result").innerHTML += randomInt(10, 100) + "<br>";
      }
   </script>
</body>
</html>

在本教程中，我们讨论了在两个数字之间生成随机数的方法。我们看到了如何在两个数字之间生成单个以及多个随机数。我们生成了浮点数和整数类型的随机数。

更新于：2022年9月5日

11K+ 浏览量

启动您的职业生涯

通过完成课程获得认证

开始学习
广告