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

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

1.Boolean值 true會(huì)被轉(zhuǎn)換為1 false會(huì)被轉(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ù)字（包括前面帶正號(hào)或負(fù)號(hào)的情況），則將其轉(zhuǎn)換為十進(jìn)制數(shù)值，即"1"

會(huì)變成 1，"123"會(huì)變成 123，而"011"會(huì)變成 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

如果字符串中包含有效的浮點(diǎn)格式，如"1.1"，則將其轉(zhuǎn)換為對(duì)應(yīng)的浮點(diǎn)數(shù)值（同樣，也會(huì)忽
略前導(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.如果是對(duì)象，則調(diào)用對(duì)象的 valueOf()方法，然后依照前面的規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換的結(jié)果是 NaN，則調(diào)用對(duì)象的 toString()方法，然后再次依照前面的規(guī)則轉(zhuǎn)換返回的字符串值

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

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

指定基數(shù)會(huì)影響到轉(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 作為第二個(gè)參數(shù)是
非常必要的。**

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

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

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

parseFloat()跟parseInt()差不多，同樣會(huì)從第一個(gè)非空字符串開始解析，直到解析完畢，或者遇到非浮點(diǎn)型數(shù)值格式（區(qū)別一），但是它會(huì)忽略前面所有的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ù)點(diǎn)后面的0不會(huì)輸出

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

總結(jié)

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

最新評(píng)論