如何在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>
在本教程中,我們討論了在兩個數字之間生成隨機數的方法。我們看到了如何在兩個數字之間生成單個以及多個隨機數。我們生成了浮點數和整數型別的隨機數。
資料結構
網路
關係資料庫管理系統(RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP