需要了解的 Math 對象方法
方法 | 描述 |
---|---|
ceil(x) | 對數進行上舍入,即向上取整。 |
floor(x) | 對 x 進行下舍入,即向下取整。 |
round(x) | 四舍五入。 |
random() | 返回 0 ~ 1 之間的隨機數,包含 0 不包含 1。 |
一些實例說明:
Math.ceil(Math.random()*10); // 獲取從 1 到 10 的隨機整數,取 0 的概率極小。 Math.round(Math.random()); // 可均衡獲取 0 到 1 的隨機整數。
Math.floor(Math.random()*10); // 可均衡獲取 0 到 9 的隨機整數。
Math.round(Math.random()*10); // 基本均衡獲取 0 到 10 的隨機整數,其中獲取最小值 0 和最大值 10 的幾率少一半。
因為結果在 0~0.4 為 0,0.5 到 1.4 為 1,8.5 到 9.4 為 9,9.5 到 9.9 為 10。所以頭尾的分布區間只有其他數字的一半。
生成 [n,m] 的隨機整數
函數功能:生成 [n,m] 的隨機整數。
在 js 生成驗證碼或者隨機選中一個選項時很有用。
//生成從minNum到maxNum的隨機數 function randomNum(minNum,maxNum){ switch(arguments.length){ case 1: return parseInt(Math.random()*minNum+1,10); break; case 2: return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10); break; default: return 0; break; } }
過程分析:
Math.random() 生成 [0,1) 的數,所以 Math.random()*5 生成 {0,5) 的數。
通常期望得到整數,所以要對得到的結果處理一下。
parseInt(),Math.floor(),Math.ceil() 和 Math.round() 都可得到整數。
parseInt() 和 Math.floor() 結果都是向下取整。
所以 Math.random()*5 生成的都是 [0,4] 的隨機整數。
所以生成 [1,max] 的隨機數,公式如下:
// max - 期望的最大值 parseInt(Math.random()*max,10)+1; Math.floor(Math.random()*max)+1; Math.ceil(Math.random()*max);
所以生成 [0,max] 到任意數的隨機數,公式如下:
// max - 期望的最大值 parseInt(Math.random()*(max+1),10); Math.floor(Math.random()*(max+1));
所以希望生成 [min,max] 的隨機數,公式如下:
// max - 期望的最大值 // min - 期望的最小值 parseInt(Math.random()*(max-min+1)+min,10); Math.floor(Math.random()*(max-min+1)+min);
數值內容補充 與數值相關的全局方法
parseInt()
(1)基本用法
parseInt
方法用於將字符串轉為整數。
parseInt('123') // 123
如果字符串頭部有空格,空格會被自動去除。
parseInt(' 81') // 81
如果parseInt
的參數不是字符串,則會先轉為字符串再轉換。
parseInt(1.23) // 1
// 等同於
parseInt('1.23') // 1
字符串轉為整數的時候,是一個個字符依次轉換,如果遇到不能轉為數字的字符,就不再進行下去,返回已經轉好的部分。
parseInt('8a') // 8
parseInt('12**') // 12
parseInt('12.34') // 12
parseInt('15e2') // 15
parseInt('15px') // 15
上面代碼中,parseInt
的參數都是字符串,結果只返回字符串頭部可以轉為數字的部分。
如果字符串的第一個字符不能轉化為數字(后面跟着數字的正負號除外),返回NaN
。
parseInt('abc') // NaN
parseInt('.3') // NaN
parseInt('') // NaN
parseInt('+') // NaN
parseInt('+1') // 1
所以,parseInt
的返回值只有兩種可能,要么是一個十進制整數,要么是NaN
。
如果字符串以0x
或0X
開頭,parseInt
會將其按照十六進制數解析。
parseInt('0x10') // 16
如果字符串以0
開頭,將其按照10進制解析。
parseInt('011') // 11
對於那些會自動轉為科學計數法的數字,parseInt
會將科學計數法的表示方法視為字符串,因此導致一些奇怪的結果。
parseInt(1000000000000000000000.5) // 1
// 等同於
parseInt('1e+21') // 1
parseInt(0.0000008) // 8
// 等同於
parseInt('8e-7') // 8
(2)進制轉換
parseInt
方法還可以接受第二個參數(2到36之間),表示被解析的值的進制,返回該值對應的十進制數。默認情況下,parseInt
的第二個參數為10,即默認是十進制轉十進制。
parseInt('1000') // 1000
// 等同於
parseInt('1000', 10) // 1000
下面是轉換指定進制的數的例子。
parseInt('1000', 2) // 8
parseInt('1000', 6) // 216
parseInt('1000', 8) // 512
上面代碼中,二進制、六進制、八進制的1000
,分別等於十進制的8、216和512。這意味着,可以用parseInt
方法進行進制的轉換。
如果第二個參數不是數值,會被自動轉為一個整數。這個整數只有在2到36之間,才能得到有意義的結果,超出這個范圍,則返回NaN
。如果第二個參數是0
、undefined
和null
,則直接忽略。
parseInt('10', 37) // NaN
parseInt('10', 1) // NaN
parseInt('10', 0) // 10
parseInt('10', null) // 10
parseInt('10', undefined) // 10
如果字符串包含對於指定進制無意義的字符,則從最高位開始,只返回可以轉換的數值。如果最高位無法轉換,則直接返回NaN
。
parseInt('1546', 2) // 1
parseInt('546', 2) // NaN
上面代碼中,對於二進制來說,1
是有意義的字符,5
、4
、6
都是無意義的字符,所以第一行返回1,第二行返回NaN
。
前面說過,如果parseInt
的第一個參數不是字符串,會被先轉為字符串。這會導致一些令人意外的結果。
parseInt(0x11, 36) // 43
parseInt(0x11, 2) // 1
// 等同於
parseInt(String(0x11), 36)
parseInt(String(0x11), 2)
// 等同於
parseInt('17', 36)
parseInt('17', 2)
上面代碼中,十六進制的0x11
會被先轉為十進制的17,再轉為字符串。然后,再用36進制或二進制解讀字符串17
,最后返回結果43
和1
。
這種處理方式,對於八進制的前綴0,尤其需要注意。
parseInt(011, 2) // NaN
// 等同於
parseInt(String(011), 2)
// 等同於
parseInt(String(9), 2)
上面代碼中,第一行的011
會被先轉為字符串9
,因為9
不是二進制的有效字符,所以返回NaN
。如果直接計算parseInt('011', 2)
,011
則是會被當作二進制處理,返回3。
JavaScript 不再允許將帶有前綴0的數字視為八進制數,而是要求忽略這個0
。但是,為了保證兼容性,大部分瀏覽器並沒有部署這一條規定。
parseFloat()
parseFloat
方法用於將一個字符串轉為浮點數。
parseFloat('3.14') // 3.14
如果字符串符合科學計數法,則會進行相應的轉換。
parseFloat('314e-2') // 3.14
parseFloat('0.0314E+2') // 3.14
如果字符串包含不能轉為浮點數的字符,則不再進行往后轉換,返回已經轉好的部分。
parseFloat('3.14more non-digit characters') // 3.14
parseFloat
方法會自動過濾字符串前導的空格。
parseFloat('\t\v\r12.34\n ') // 12.34
如果參數不是字符串,或者字符串的第一個字符不能轉化為浮點數,則返回NaN
。
parseFloat([]) // NaN
parseFloat('FF2') // NaN
parseFloat('') // NaN
上面代碼中,尤其值得注意,parseFloat
會將空字符串轉為NaN
。
這些特點使得parseFloat
的轉換結果不同於Number
函數。
parseFloat(true) // NaN
Number(true) // 1
parseFloat(null) // NaN
Number(null) // 0
parseFloat('') // NaN
Number('') // 0
parseFloat('123.45#') // 123.45
Number('123.45#') // NaN