javascript數(shù)值轉(zhuǎn)換

qianfeng 發(fā)布于2019-08-23 11:57 / 1770人閱讀

摘要：函數(shù)在轉(zhuǎn)換字符串時(shí)，更多的是看其是否符合數(shù)值模式。例如，會被轉(zhuǎn)換為，因?yàn)闀煌耆雎浴ｎ愃频兀瑫晦D(zhuǎn)換為，因?yàn)樾?shù)點(diǎn)并不是有效的數(shù)字字符。指定基數(shù)會影響到轉(zhuǎn)換的輸出結(jié)果。舉例來說，將會被轉(zhuǎn)換為。但十六進(jìn)制格式的字符串則始終會被轉(zhuǎn)換成。

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

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

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

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

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

var sales = 10
Number(sales)
10

null 值，返回 0

var arg = null
Number(arg)
0

undefined，返回 NaN

var vara = undefined
Number(vara)
NaN

字符串，遵循下列規(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

如果字符串中包含有效的浮點(diǎn)格式，如"1.1"，則將其轉(zhuǎn)換為對應(yīng)的浮點(diǎn)數(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

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

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

由于 Number()函數(shù)在轉(zhuǎn)換字符串時(shí)比較復(fù)雜而且不夠合理，因此在處理整數(shù)的時(shí)候更常用的是
parseInt()函數(shù)。parseInt()函數(shù)在轉(zhuǎn)換字符串時(shí)，更多的是看其是否符合數(shù)值模式。它會忽略字
符串前面的空格，直至找到第一個(gè)非空格字符。如果第一個(gè)字符不是數(shù)字字符，parseInt()
就會返回 NaN；也就是說，用 parseInt()轉(zhuǎn)換空字符串會返回 NaN（Number()對空字符返回 0）。如
果第一個(gè)字符是數(shù)字字符，parseInt()會繼續(xù)解析第二個(gè)字符，直到解析完所有后續(xù)字符或者遇到了
一個(gè)非數(shù)字字符。例如，"1234blue"會被轉(zhuǎn)換為 1234，因?yàn)?blue"會被完全忽略。類似地，"22.5"
會被轉(zhuǎn)換為 22，因?yàn)樾?shù)點(diǎn)并不是有效的數(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 作為第二個(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"將會被轉(zhuǎn)換為 22.34。
除了第一個(gè)小數(shù)點(diǎn)有效之外，parseFloat()與 parseInt()的第二個(gè)區(qū)別在于它始終都會忽略前導(dǎo)
的零。parseFloat()可以識別前面討論過的所有浮點(diǎn)數(shù)值格式，也包括十進(jìn)制整數(shù)格式。但十六進(jìn)制格
式的字符串則始終會被轉(zhuǎn)換成 0。由于 parseFloat()只解析十進(jìn)制值，因此它沒有用第二個(gè)參數(shù)指定基
數(shù)的用法。最后還要注意一點(diǎn)：如果字符串包含的是一個(gè)可解析為整數(shù)的數(shù)（沒有小數(shù)點(diǎn)，或者小數(shù)點(diǎn)后
都是零），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