在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ù)。
語法
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)文章
bootstrap weebox 支持ajax的模態(tài)彈出框
本篇介紹的bootstrap weebox(支持ajax的模態(tài)彈出框),歷經(jīng)多次修改,目前版本已經(jīng)穩(wěn)定,整合了bootstrap的響應(yīng)式,界面簡單,功能卻無比豐富,支持ajax、圖片預(yù)覽等等2017-02-02
webpack構(gòu)建vue項(xiàng)目的詳細(xì)教程(配置篇)
本篇文章主要介紹了webpack構(gòu)建vue項(xiàng)目的詳細(xì)教程(配置篇),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
一個(gè)簡單的JavaScript數(shù)據(jù)緩存系統(tǒng)實(shí)現(xiàn)代碼
數(shù)據(jù)緩存系統(tǒng),主要是將一些可復(fù)用的數(shù)據(jù)臨時(shí)存放一下,放下數(shù)據(jù)后面的再次調(diào)用。2010-10-10
js實(shí)現(xiàn)ifram取父窗口URL地址的方法
這篇文章主要介紹了js實(shí)現(xiàn)ifram取父窗口URL地址的方法,是javascript操作window.parent對(duì)象非常典型的應(yīng)用技巧,需要的朋友可以參考下2015-02-02
網(wǎng)頁禁用右鍵實(shí)現(xiàn)代碼(JavaScript代碼)
網(wǎng)頁禁用右鍵的代碼,我們可以不少網(wǎng)站在使用,讓別人復(fù)制什么的麻煩,但破解方法也比較簡單。這里就不說了,如果想知道的可以參考腳本之家以前發(fā)布的文章。2009-10-10

