以下三個函數(shù)將非數(shù)值轉(zhuǎn)換為數(shù)值：Number() 、parseInt()和 parseFloat()

Number()的轉(zhuǎn)換規(guī)則

1.Boolean值 true會被轉(zhuǎn)換為1 false會被轉(zhuǎn)換為0

var correct = true
Number(correct)
1
var error = false
Number(error)
0

2.數(shù)字值 傳入什么返回什么

var sales = 10
Number(sales)
10

3.null 值，返回 0

var arg = null
Number(arg)
0

4.undefined，返回 NaN

var vara = undefined
Number(vara)
NaN

5.字符串，遵循下列規(guī)則:

如果字符串中只包含數(shù)字（包括前面帶正號或負(fù)號的情況），則將其轉(zhuǎn)換為十進(jìn)制數(shù)值，即"1"

會變成 1，"123"會變成 123，而"011"會變成 11（注意：前導(dǎo)的零被忽略了）

var str = '1'
Number(str)
1
var str1 = '011'
Number(str1)
11
var str2 = '+1'
Number(str2)
1
var str3 = '-001'
Number(str3)
-1
var str4 = '-121'
Number(str4)
-121

如果字符串中包含有效的浮點格式，如"1.1"，則將其轉(zhuǎn)換為對應(yīng)的浮點數(shù)值（同樣，也會忽
略前導(dǎo)零）

var str = '1.1'
Number(str)
1.1
var str1 = '+1.1'
Number(str1)
1.1
var str2 = '-01.1'
Number(str2)
-1.1

如果字符串中包含有效的十六進(jìn)制格式，例如"0xf"，則將其轉(zhuǎn)換為相同大小的十進(jìn)制整數(shù)值

如果字符串是空的（不包含任何字符），則將其轉(zhuǎn)換為 0

var str = ''
Number(str)
0

如果字符串中包含除上述格式之外的字符，則將其轉(zhuǎn)換為 NaN

var str = 'adfsfdsa'
Number(str)
NaN

6.如果是對象，則調(diào)用對象的 valueOf()方法，然后依照前面的規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換的結(jié)果是 NaN，則調(diào)用對象的 toString()方法，然后再次依照前面的規(guī)則轉(zhuǎn)換返回的字符串值

parseInt()轉(zhuǎn)換規(guī)則

由于 Number()函數(shù)在轉(zhuǎn)換字符串時比較復(fù)雜而且不夠合理，因此在處理整數(shù)的時候更常用的是
parseInt()函數(shù)。parseInt()函數(shù)在轉(zhuǎn)換字符串時，更多的是看其是否符合數(shù)值模式。它會忽略字
符串前面的空格，直至找到第一個非空格字符。如果第一個字符不是數(shù)字字符，parseInt()
就會返回 NaN；也就是說，用 parseInt()轉(zhuǎn)換空字符串會返回 NaN（Number()對空字符返回 0）。如
果第一個字符是數(shù)字字符，parseInt()會繼續(xù)解析第二個字符，直到解析完所有后續(xù)字符或者遇到了
一個非數(shù)字字符。例如，"1234blue"會被轉(zhuǎn)換為 1234，因為"blue"會被完全忽略。類似地，"22.5"
會被轉(zhuǎn)換為 22，因為小數(shù)點并不是有效的數(shù)字字符。

指定基數(shù)會影響到轉(zhuǎn)換的輸出結(jié)果。例如：

var num1 = parseInt("10", 2); //2 （按二進(jìn)制解析）
var num2 = parseInt("10", 8); //8 （按八進(jìn)制解析）
var num3 = parseInt("10", 10); //10 （按十進(jìn)制解析）
var num4 = parseInt("10", 16); //16 （按十六進(jìn)制解析）

**多數(shù)情況下，我們要解析的都是十進(jìn)制數(shù)值，因此始終將 10 作為第二個參數(shù)是
非常必要的。**

parseFloat()轉(zhuǎn)換規(guī)則

與 parseInt()函數(shù)類似，parseFloat()也是從第一個字符（位置 0）開始解析每個字符。而且
也是一直解析到字符串末尾，或者解析到遇見一個無效的浮點數(shù)字字符為止。也就是說，字符串中的第
一個小數(shù)點是有效的，而第二個小數(shù)點就是無效的了，因此它后面的字符串將被忽略。舉例來說，
"22.34.5"將會被轉(zhuǎn)換為 22.34。

除了第一個小數(shù)點有效之外，parseFloat()與 parseInt()的第二個區(qū)別在于它始終都會忽略前導(dǎo)
的零。parseFloat()可以識別前面討論過的所有浮點數(shù)值格式，也包括十進(jìn)制整數(shù)格式。但十六進(jìn)制格
式的字符串則始終會被轉(zhuǎn)換成 0。由于 parseFloat()只解析十進(jìn)制值，因此它沒有用第二個參數(shù)指定基
數(shù)的用法。最后還要注意一點：如果字符串包含的是一個可解析為整數(shù)的數(shù)（沒有小數(shù)點，或者小數(shù)點后
都是零），parseFloat()會返回整數(shù)。

var num1 = parseFloat("1234blue"); //1234 （整數(shù)）
var num2 = parseFloat("0xA"); //0 
var num3 = parseFloat("22.5"); //22.5 
var num4 = parseFloat("22.34.5"); //22.34 
var num5 = parseFloat("0908.5"); //908.5 
var num6 = parseFloat("3.125e7"); //31250000

parseInt()不能轉(zhuǎn)換浮點型數(shù)值，我們用parseFloat()來解決。

parseFloat()跟parseInt()差不多，同樣會從第一個非空字符串開始解析，直到解析完畢，或者遇到非浮點型數(shù)值格式（區(qū)別一），但是它會忽略前面所有的0，他沒有轉(zhuǎn)換基數(shù)，只解析十進(jìn)制的值（區(qū)別二）

console.log(parseFloat(' 123hehe'))；//輸出123；
console.log(parseFloat('123hehe'))；//輸出123；
console.log(parseFloat('01.2.3'))；//輸出1.2；
console.log(parseFloat('0xa'))；//輸出0

注意，如果字符串可以解析為整數(shù)，則小數(shù)點后面的0不會輸出

console.log(parseFloat('1.000'))；//輸出1；

總結(jié)

以上所述是小編給大家介紹的javascript將非數(shù)值轉(zhuǎn)換為數(shù)值，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

最新評論