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

Number()的轉換規則

1.Boolean值 true會被轉換為1 false會被轉換為0

var correct = trueNumber(correct)1var error = falseNumber(error)0

2.數字值 傳入什么返回什么

var sales = 10Number(sales)10

3.null 值，返回 0

var arg = nullNumber(arg)0

4.undefined，返回 NaN

var vara = undefinedNumber(vara)NaN

5.字符串，遵循下列規則:

如果字符串中只包含數字（包括前面帶正號或負號的情況），則將其轉換為十進制數值，即"1"

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

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

如果字符串中包含有效的浮點格式，如"1.1"，則將其轉換為對應的浮點數值（同樣，也會忽
略前導零）

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

如果字符串中包含有效的十六進制格式，例如"0xf"，則將其轉換為相同大小的十進制整數值

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

var str = ''Number(str)0

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

var str = 'adfsfdsa'Number(str)NaN

6.如果是對象，則調用對象的 valueOf()方法，然后依照前面的規則轉換返回的值。如果轉換的結果是 NaN，則調用對象的 toString()方法，然后再次依照前面的規則轉換返回的字符串值

parseInt()轉換規則

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

指定基數會影響到轉換的輸出結果。例如：

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

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

parseFloat()轉換規則

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

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

var num1 = parseFloat("1234blue"); //1234 （整數）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()不能轉換浮點型數值，我們用parseFloat()來解決。

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

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

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

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

總結

以上所述是小編給大家介紹的javascript將非數值轉換為數值，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！