1. 程式人生 > >js中Math.random()生成指定範圍數值的隨機數

js中Math.random()生成指定範圍數值的隨機數

取整 以及 mat ceil lai floor alert 測試的 parse

js中Math.random()生成指定範圍數值的隨機數

Math.random函數就不像php的rand函數一樣可以生成指數範圍的數據了,math.random只是生成了一個偽隨機數,之後還要經過我們處理才行哦。

今天有又網友問到我 JavaScript 怎麽生成指定範圍數值隨機數。Math.random() 這個方法相信大家都知道,是用來生成隨機數的。不過一般的參考手冊時卻沒有說明如何用這個方法來生成指定範圍內的隨機數。這次我就來詳細的介紹一下Math.random(),以及如何用它來生成制定範圍內的隨機數。
w3school的random()教程
定義和用法

random() 方法可返回介於 0 ~ 1 之間的一個隨機數。
語法

Math.random()

返回值

0.0 ~ 1.0 之間的一個偽隨機數。
實例

在本例中,我們將取得介於 0 到 1 之間的一個隨機數:

<script type="text/javascript">
document.write(Math.random());
</script>
// 輸出:
0.15246391076246546

如何生成指定範圍值的隨機數

看完w3school的教程,應該知道Math.random()方法的基本用法了。
利用 parseInt()、Math.floor() 或者 Math.ceil()進行四舍五入處理

我們看到,直接使用Math.random()方法,生成的是一個小於1的數,所以:

1 Math.random()*5

  得到的結果是一個小於5的隨機數。而我們通常希望得到的是0-5之間的整數,所以我們需要對得到的結果四舍五入處理一下,從而得到我們期望的整數。parseInt()、Math.floor()和Math.ceil()都可以起到四舍五入的作用。

var randomNum = Math.random()*5;
alert(randomNum); // 2.9045290905811183 
alert(parseInt(randomNum,10)); // 2
alert(Math.floor(randomNum)); // 2
alert(Math.ceil(randomNum)); // 3

由測試的代碼我們可以看到,parseInt()和Math.floor()的效果是一樣的,都是向下取整數部分。所以parseInt(Math.random()*5,10)和Math.floor(Math.random()*5)都是生成的0-4之間的隨機數,Math.ceil(Math.random()*5)則是生成的1-5之間的隨機數。
生成指定範圍數值隨機數

所以,如果你希望生成1到任意值的隨機數,公式就是這樣的:

// max - 期望的最大值
parseInt(Math.random()*max,10)+1;
Math.floor(Math.random()*max)+1;
Math.ceil(Math.random()*max);

如果你希望生成0到任意值的隨機數,公式就是這樣的:

// max - 期望的最大值
parseInt(Math.random()*(max+1),10);
Math.floor(Math.random()*(max+1));

如果你希望生成任意值到任意值的隨機數,公式就是這樣的:

// max - 期望的最大值
// min - 期望的最小值
parseInt(Math.random()*(max-min+1)+min,10);
Math.floor(Math.random()*(max-min+1)+min);

js中Math.random()生成指定範圍數值的隨機數