使用javascript怎么將非數值轉換為數值

本文章向大家介紹使用javascript怎么將非數值轉換為數值的基本知識點總結和需要注意事項，具有一定的參考價值，需要的朋友可以參考一下。

JavaScript是什么

JavaScript是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語言，最早是在HTML網頁上使用，用來給HTML網頁增加動態功能。

Number()的轉換規則

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

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

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

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

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

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怎么將非數值轉換為數值的全部內容了，希望大家多多支持億速云！