Number()、parseInt()嫂伞、parseFloat()的區(qū)別
最近在一個(gè)項(xiàng)目中遇到:需要在前臺(tái)頁(yè)面用javascript去處理很數(shù)值的計(jì)算孔厉。
各種用法都有,為了統(tǒng)一且保證處理方式正確帖努,特地總結(jié)了一下相關(guān)的數(shù)值轉(zhuǎn)換的用法:
作用:
Number():可以用于任何數(shù)據(jù)類(lèi)型轉(zhuǎn)換成數(shù)值撰豺;
parseInt()、parseFloat():專(zhuān)門(mén)用于把字符串轉(zhuǎn)換成數(shù)值拼余;
轉(zhuǎn)換規(guī)則:
Number():
1)如果是Boolean值污桦,true和false將分別轉(zhuǎn)換為1和0。
2)如果是數(shù)字值匙监,只是簡(jiǎn)單的傳入和返回凡橱。
3)如果是null值,返回0亭姥。
4)如果是undefined,返回NaN稼钩。
5)如果是字符串,遵循下列規(guī)則:
如果是字符串中只包含數(shù)字(包括前面帶正號(hào)或負(fù)號(hào)的情況)达罗,則將其轉(zhuǎn)換為十進(jìn)制數(shù)值坝撑,即“1”變成1,“123”會(huì)變成123,而“011”會(huì)變成11(前導(dǎo)的零被忽略了)绍载;
如果字符串中包含有效的浮點(diǎn)格式诡宗,如“1.1”,則將其轉(zhuǎn)換為對(duì)應(yīng)的浮點(diǎn)數(shù)值(同樣也會(huì)忽略前導(dǎo)零)击儡;
如果字符串中包含有效的十六進(jìn)制格式塔沃,例如"0xf",則將其他轉(zhuǎn)換為相同大小的十進(jìn)制整數(shù)值阳谍;
如果字符串是空的(不包含任何字符)蛀柴,則將其轉(zhuǎn)換為0;
如果字符串中包含除上述格式之外的字符矫夯,則將其他轉(zhuǎn)換成NaN.
6)如果是對(duì)象鸽疾,則調(diào)用對(duì)象的valueOf()方法,然后依照前面的規(guī)則轉(zhuǎn)換返回的值训貌。如果轉(zhuǎn)換的結(jié)果是NaN制肮,則調(diào)用的對(duì)象的toString()方法,然后再次依照前面的規(guī)則轉(zhuǎn)換返回的字符串值递沪。
ex:
var num1=Number("Hello World"); //NaN
var num2=Number(""); //0
var num3=Number("000011"); //11
var num4=Number(true); //1
由于Number()函數(shù)在轉(zhuǎn)換字符串時(shí)比較復(fù)雜而且不夠合理豺鼻,因此在處理整數(shù)的時(shí)候更常用的是parseInt()函數(shù)。
parseInt():
在轉(zhuǎn)換字符串時(shí)款慨,更多的時(shí)看其是否符合數(shù)值模式儒飒。會(huì)忽略字符串前面的空格,直至找到第一個(gè)非空格字符檩奠。
如果第一個(gè)字符不是數(shù)字字符或都負(fù)號(hào)桩了,parseInt()就會(huì)返回NaN; 也就是說(shuō),用parseInt()轉(zhuǎn)換空字符串會(huì)返回NaN埠戳。
如果第一個(gè)字符是數(shù)字字符井誉,parseInt()會(huì)繼續(xù)解析第二個(gè)字符,直到解析完所有后續(xù)字符或者遇到了一個(gè)非數(shù)字字符乞而。例如送悔,"1234blue"會(huì)被轉(zhuǎn)換為1234,因?yàn)?blue"會(huì)被完全忽略爪模。類(lèi)似地"22.5"會(huì)被轉(zhuǎn)換為22欠啤,因?yàn)樾?shù)點(diǎn)不是有效的數(shù)字字符。
如果字符串以"0x"開(kāi)頭且后跟數(shù)字字符屋灌,就會(huì)將其當(dāng)作一個(gè)十六進(jìn)制整數(shù)洁段;
如果字符串以"0"開(kāi)頭且后跟數(shù)字字符,就會(huì)將其當(dāng)作一個(gè)八進(jìn)制整數(shù)共郭;
parseInt()函數(shù)增加了第二參數(shù)用于指定轉(zhuǎn)換時(shí)使用的基數(shù)(即多少進(jìn)制)如:parseInt("10",16)//按十六進(jìn)制解析祠丝;parseInt("10",8)//按八進(jìn)制解析
parseFloat():
與parseInt()函數(shù)類(lèi)似疾呻,parseFloat()也是從第一個(gè)字符(位置0)形如解析每個(gè)字符,而且也是一直解析到字符串末尾写半,或者解析到遇見(jiàn)一個(gè)無(wú)效的浮點(diǎn)數(shù)字字符為止岸蜗。也就是說(shuō),字符串中的第一個(gè)小數(shù)點(diǎn)是有效的叠蝇,而第二個(gè)小數(shù)點(diǎn)就是無(wú)效的了璃岳,因此它后面的字符串將被忽略。例如:"22.34.5"將會(huì)轉(zhuǎn)換為22.34悔捶。
除了第一個(gè)小數(shù)點(diǎn)有效之外铃慷,parseFloat()與parseInt()的第二個(gè)區(qū)別在于它始終都會(huì)忽略前導(dǎo)的零。parseFloat()可以識(shí)別前面討論過(guò)的所有的浮點(diǎn)數(shù)值格式蜕该,也包括十進(jìn)制整數(shù)格式犁柜。但十六進(jìn)制格式的字符串則始終會(huì)被轉(zhuǎn)換成0。由于parseFloat()只解析十進(jìn)制值堂淡,因此它沒(méi)有用第二個(gè)參數(shù)指定基數(shù)的用法馋缅。
另外,如果字符串包含的是一個(gè)可解析為整數(shù)的數(shù)(沒(méi)有小數(shù)點(diǎn)淤齐,或者小數(shù)點(diǎn)后面都是零)股囊,parseFloat()會(huì)返回整數(shù)袜匿。
ex:
var num1=parseFloat("1234blue"); //1234
var num2=parseFloat("0xA"); //0
var num3=parseFloat("0908.5"); //908.5
var num4=parseFloat("3.125e7"); //31250000
注意:
1)值得注意的是更啄,浮點(diǎn)數(shù)值的最高精度是17位小數(shù),但在進(jìn)行算術(shù)計(jì)算時(shí)其精確度遠(yuǎn)遠(yuǎn)不如整數(shù)居灯。例如0.1加0.2的結(jié)果不是0.3祭务,而是0.30000000000000004;99.99加0.1的結(jié)果不是100.09而是100.08999999999999怪嫌。這個(gè)小小的舍人誤差會(huì)導(dǎo)致無(wú)法測(cè)試特定的浮點(diǎn)數(shù)值义锥。
例如:
if(a+b==0.3) //不要做這樣的測(cè)試
2)在計(jì)算時(shí)有可能會(huì)計(jì)算出NaN的結(jié)果,ECMAScript定義了isNaN()函數(shù)岩灭。這個(gè)函數(shù)接受一個(gè)參數(shù)拌倍,該參數(shù)可以是任何類(lèi)型,而函數(shù)會(huì)幫我們確定這個(gè)參數(shù)是否“不是數(shù)值”噪径。isNaN()在接收到一個(gè)值之后柱恤,會(huì)嘗試將這個(gè)值轉(zhuǎn)換為數(shù)值。不能轉(zhuǎn)換為數(shù)值的參數(shù)會(huì)返回true找爱。