詳解js中Number()、parseInt()和parseFloat()的區(qū)別
一:Number()
如果是Boolean值,true和false值將分別被轉(zhuǎn)換為1和0。
如果是數(shù)字值,只是簡單的傳入和返回。
如果是null值,返回0。
如果是undefined,返回NaN。
如果是字符串:
a. 如果字符串中只包含數(shù)字時,將其轉(zhuǎn)換為十進制數(shù)值,忽略前導(dǎo)0
b. 如果字符串中包含有效浮點格式,如“1.1”,將其轉(zhuǎn)換為對應(yīng)的浮點數(shù)字,忽略前導(dǎo)0
c. 如果字符串中包含有效的十六進制格式,如“0xf”,將其轉(zhuǎn)換為相同大小的十進制數(shù)值
d. 如果字符串為空,將其轉(zhuǎn)換為0
e. 如果字符串中包含除上述格式之外的字符,則將其轉(zhuǎn)換為NaN
如果是對象,則調(diào)用對象的valueOf()方法,然后依照前面的規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換的結(jié)果是NaN,則調(diào)用對象的toString()方法,然后再依照前面的規(guī)則轉(zhuǎn)換返回的字符串值。
例:
var num1 = Number("Hello world"); //NaN var num2 = Number(""); //0 var num3 = Number("0000011"); //11
二:parseInt()
處理整數(shù)的時候parseInt()更常用。parseInt()函數(shù)在轉(zhuǎn)換字符串時,會忽略字符串前面的空格,知道找到第一個非空格字符。
如果第一個字符不是數(shù)字或者負(fù)號,parseInt() 就會返回NaN,同樣的,用parseInt() 轉(zhuǎn)換空字符串也會返回NaN。
如果第一個字符是數(shù)字字符,parseInt() 會繼續(xù)解析第二個字符,直到解析完所有后續(xù)字符串或者遇到了一個非數(shù)字字符。
parseInt()方法還有基模式,可以把二進制、八進制、十六進制或其他任何進制的字符串轉(zhuǎn)換成整數(shù)。
基是由parseInt()方法的第二個參數(shù)指定的,所以要解析十六進制的值,當(dāng)然,對二進制、八進制,甚至十進制(默認(rèn)模式),都可以這樣調(diào)用parseInt()方法。
例:
var num1 = parseInt("AF",16); //175 var num2 = parseInt("AF"); //NaN var num3 = parseInt("10",2); //2 (按照二進制解析) var num4 = parseInt("sdasdad"); //NaN
三:parseFloat()
與parseInt() 函數(shù)類似,parseFloat() 也是從第一個字符(位置0)開始解析每一個字符。也是一直解析到字符串末尾,或者解析到遇見一個無效的浮點數(shù)字字符為止。
也就是說,字符串中第一個小數(shù)點是有效的,而第二個小數(shù)點就是無效的了,它后面的字符串將被忽略。
parseFloat() 只解析十進制,因此它沒有第二個參數(shù)指定基數(shù)的用法
如果字符串中包含的是一個可解析為正數(shù)的數(shù)(沒有小數(shù)點,或者小數(shù)點后都是零),parseFloat() 會返回整數(shù)。
例:
var num1 = parseFloat("123AF"); //123 var num2 = parseFloat("0xA"); //0 var num3 = parseFloat("22.5"); //22.5 var num4 = parseFloat("22.3.56"); //22.3 var num5 = parseFloat("0908.5"); //908.5
parseInt() 和parseFloat() 的區(qū)別在于:
- parseFloat() 所解析的字符串中第一個小數(shù)點是有效的,而parseInt() 遇到小數(shù)點會停止解析,因為小數(shù)點并不是有效的數(shù)字字符。
- parseFloat() 始終會忽略前導(dǎo)的零,十六進制格式的字符串始終會被轉(zhuǎn)換成0,而parseInt() 第二個參數(shù)可以設(shè)置基數(shù),按照這個基數(shù)的進制來轉(zhuǎn)換。
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
OpenLayers實現(xiàn)點要素圖層的聚合顯示的方法
在很多情況下,點要素圖層中的要素數(shù)量可能會成百上千,如果一個點要素圖層中的點數(shù)量很多,我們就會采取圖層聚合的方式對其進行處理,本文就來介紹一下,感興趣的可以了解一下2021-09-09JavaScript對象類型轉(zhuǎn)換的分類及步驟詳解
這篇文章主要為大家介紹了JavaScript對象類型轉(zhuǎn)換的分類及步驟詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-05-05《javascript設(shè)計模式》學(xué)習(xí)筆記一:Javascript面向?qū)ο蟪绦蛟O(shè)計對象成員的定義分析
這篇文章主要介紹了《javascript設(shè)計模式》學(xué)習(xí)筆記Javascript面向?qū)ο蟪绦蛟O(shè)計對象成員的定義,結(jié)合實例形式分析了《javascript設(shè)計模式》中JavaScript面向?qū)ο蟪绦蛟O(shè)計的原理、定義、用法及操作注意事項,需要的朋友可以參考下2020-04-04