首頁 > 文章 > web前端 > javascript中數值如何轉換？ javascript數值轉換的方法總結

javascript中數值如何轉換？ javascript數值轉換的方法總結

不言原創: 2018-09-13 16:02:401311瀏覽

本篇文章帶給大家的內容是關於javascript中數值如何轉換？ javascript數值轉換的方法總結有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

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

Number()的轉換規則

#Boolean值true會轉換為1 false會轉換成0

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

數字值傳入什麼回傳什麼

var sales = 10
Number(sales)
10

null 值，回傳0

var arg = null
Number(arg)
0

undefined，回傳NaN

var vara = undefined
Number(vara)
NaN

字串，遵循下列規則:

如果字串中只包含數字（包括前面帶正號或負號的情況），則將其轉換為十進制數值，即" 1"
會變成1，"123"會變成123，而"011"會變成11（注意：前導的零被忽略了）

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"，則將其轉換為對應的浮點數值（同樣，也會忽
# 略前導零）

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

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

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

var str = ''
Number(str)
0

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

var str = 'adfsfdsa'
Number(str)
NaN

如果是對象，則呼叫對象的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

javascript中數值如何轉換？ javascript數值轉換的方法總結

Number()的轉換規則

parseInt()轉換規則

parseFloat()轉換規則

相關文章