在javascript中隨機(jī)數(shù) math random如何生成指定范圍數(shù)值的隨機(jī)數(shù)
今天有朋友向我請(qǐng)教:JavaScript 怎么生成指定范圍數(shù)值隨機(jī)數(shù)。Math.random() 這個(gè)方法相信大家都知道,是用來生成隨機(jī)數(shù)的。不過一般的參考手冊(cè)時(shí)卻沒有說明如何用這個(gè)方法來生成指定范圍內(nèi)的隨機(jī)數(shù)。這次我就來詳細(xì)的介紹一下Math.random(),以及如何用它來生成制定范圍內(nèi)的隨機(jī)數(shù)。
w3school的random()教程
定義和用法
random() 方法可返回介于 0 ~ 1 之間的一個(gè)隨機(jī)數(shù)。
語(yǔ)法
Math.random()
返回值
0.0 ~ 1.0 之間的一個(gè)偽隨機(jī)數(shù)。
實(shí)例
在本例中,我們將取得介于 0 到 1 之間的一個(gè)隨機(jī)數(shù):
<script type="text/javascript"> document.write(Math.random()); </script> // 輸出: 0.15246391076246546
如何生成指定范圍值的隨機(jī)數(shù)
看完w3school的教程,應(yīng)該知道Math.random()方法的基本用法了。
利用 parseInt()、Math.floor() 或者 Math.ceil()進(jìn)行四舍五入處理
我們看到,直接使用Math.random()方法,生成的是一個(gè)小于1的數(shù),所以:
Math.random()*5
得到的結(jié)果是一個(gè)小于5的隨機(jī)數(shù)。而我們通常希望得到的是0-5之間的整數(shù),所以我們需要對(duì)得到的結(jié)果四舍五入處理一下,從而得到我們期望的整數(shù)。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
由測(cè)試的代碼我們可以看到,parseInt()和Math.floor()的效果是一樣的,都是向下取整數(shù)部分。所以parseInt(Math.random()*5,10)和Math.floor(Math.random()*5)都是生成的0-4之間的隨機(jī)數(shù),Math.ceil(Math.random()*5)則是生成的1-5之間的隨機(jī)數(shù)。
生成指定范圍數(shù)值隨機(jī)數(shù)
所以,如果你希望生成1到任意值的隨機(jī)數(shù),公式就是這樣的:
// max - 期望的最大值 parseInt(Math.random()*max,10)+1; Math.floor(Math.random()*max)+1; Math.ceil(Math.random()*max);
如果你希望生成0到任意值的隨機(jī)數(shù),公式就是這樣的:
// max - 期望的最大值 parseInt(Math.random()*(max+1),10); Math.floor(Math.random()*(max+1)); 如果你希望生成任意值到任意值的隨機(jī)數(shù),公式就是這樣的: // max - 期望的最大值 // min - 期望的最小值 parseInt(Math.random()*(max-min+1)+min,10); Math.floor(Math.random()*(max-min+1)+min);
看完本篇是不是收獲頗多啊,對(duì)于隨機(jī)數(shù) math random的使用是不是明白了,希望本篇文章能夠給您帶來幫助,謝謝!
- Javascript之Math對(duì)象詳解
- JavaScript中Math對(duì)象使用說明
- JavaScript中Math對(duì)象的方法介紹
- JavaScript中Math對(duì)象方法使用概述
- 使用js Math.random()函數(shù)生成n到m間的隨機(jī)數(shù)字
- javascript Math.random()隨機(jī)數(shù)函數(shù)
- JavaScript調(diào)試技巧之console.log()詳解
- JS調(diào)試必備的5個(gè)debug技巧
- js調(diào)試工具Console命令詳解
- js調(diào)試工具console.log()方法查看js代碼的執(zhí)行情況
- javascript代碼調(diào)試之console.log 用法圖文詳解
- JavaScript Math對(duì)象和調(diào)試程序的方法分析
相關(guān)文章
基于JavaScript實(shí)現(xiàn)評(píng)論框展開和隱藏功能
本文通過實(shí)例代碼給大家介紹了基于JavaScript實(shí)現(xiàn)評(píng)論框展開和隱藏功能,感興趣的朋友參考下吧2017-08-08
JavaScript實(shí)現(xiàn)忘記密碼功能的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何使用HTML、CSS和JavaScript實(shí)現(xiàn)一個(gè)完整的忘記密碼功能,文中的示例代碼講解詳細(xì),需要的可以參考一下2024-01-01
Bootstrap分頁(yè)插件之Bootstrap Paginator實(shí)例詳解
Bootstrap Paginator是一款基于Bootstrap的js分頁(yè)插件,功能很豐富,個(gè)人覺得這款插件已經(jīng)無可挑剔了,感興趣的朋友跟著腳本之家小編一起學(xué)習(xí)吧2016-10-10
javascript div 遮罩層封鎖整個(gè)頁(yè)面
在客戶端瀏覽器中,可以在某個(gè)時(shí)機(jī)使用javascript把一個(gè)div作為遮罩層,來封鎖整個(gè)頁(yè)面。2009-07-07
js點(diǎn)擊按鈕實(shí)現(xiàn)多張圖片循環(huán)切換
這篇文章主要為大家詳細(xì)介紹了js點(diǎn)擊按鈕實(shí)現(xiàn)多張圖片循環(huán)切換,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01
微信小程序使用radio顯示單選項(xiàng)功能【附源碼下載】
這篇文章主要介紹了微信小程序使用radio顯示單選項(xiàng)功能,涉及針對(duì)radio組件事件響應(yīng)相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
微信小程序?qū)崿F(xiàn)選項(xiàng)卡滑動(dòng)切換
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)選項(xiàng)卡滑動(dòng)切換,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-10-10

