本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

方法1：使用 parseInt()

parseInt() 是一個全局方法，它可以把值轉換為整數。轉換的過程如下：

先解析位置 0 處的字符，如果不是有效數字，則直接返回 NaN。

如果位置 0 處的字符是數字，或者可以轉換為有效數字，則繼續解析位置 1 處的字符，如果不是有效數字，則直接返回位置 0 處的有效數字。

以此類推，按照從左到右的順序，逐個分析每個字符，直到發現非數字字符為止。

parseInt() 將把前面分析合法的數字字符全部轉換為數值并返回。

console.log(parseInt("123abc"));  //返回數字123
console.log(parseInt("1.73"));   //返回數字1
console.log(parseInt(".123"));   //返回值NaN

登錄后復制

浮點數中的點對于 parseInt() 來說屬于非法字符，因此不會轉換小數部分的值。

如果是以 0 開頭的數字字符串，則 parseInt() 會把它作為八進制數字處理：先把它轉換為八進制數值，然后再轉換為十進制的數字返回。

如果是以 0x 開頭的數字字符串，則 parseInt() 會把它作為十六進制數字處理：先把它轉換為十六進制數值，然后再轉換為十進制的數字返回。

var d = 010;  //八進制數字字符串
var e = 0x10;  //十六進制數字字符串
console.log(parseInt(d));  //返回十進制數字8
console.log(parseInt(e));  //返回十進制數字16

登錄后復制

parseInt() 也支持基模式，可以把二進制、八進制、十六進制等不同進制的數字字符串轉換為整數。基模式由 parseInt() 函數的第二個參數指定。

【實例1】下面代碼把十六進制數字字符串“123abc”轉換為十進制整數。

var a = "123abc";  
console.log(parseInt(a,16));  //返回十進制整數1194684

登錄后復制

【實例2】下面代碼把二進制、八進制和十進制數字字符串轉換為十進制的整數。

console.log(parseInt("10",2));  //把二進制數字 10 轉換為十進制整數，為 2
console.log(parseInt("10",8));  //把八進制數字 10 轉換為十進制整數，為 8
console.log(parseInt("10",10));  //把十進制數字 10 轉換為十進制整數，為 10

登錄后復制

【實例3】如果第一個參數是十進制的值，包含 0 前綴，為了避免被誤解為八進制的數字，則應該指定第二個參數值為 10，即顯示定義基模式，而不是采用默認基模式。

console.log(parseInt("010"));  //把默認基模式數字 010 轉換為十進制整數為 10
console.log(parseInt("010",8));  //把八進制數字 010 轉換為十進制整數為 8
console.log(parseInt("010",10));  //把十進制數字 010 轉換為十進制整數為 10

登錄后復制

方法2：使用 parseFloat() 函數

parseFloat() 也是一個全局方法，它可以把值轉換為浮點數，即它能夠識別第一個出現的小數點，而第二個小數點被視為非法。解析過程與 parseInt() 方法相同。

console.log(parseFloat("1.234.5"));  //返回數值 1.234

登錄后復制

parseFloat() 的參數必須是十進制形式的字符串，而不能使用八進制或十六進制的數字字符串。同時，對于數字前面的 0（八進制數字標識）會忽略，對于十六進制的數字將返回 0。

console.log(parseFloat("123"));  //返回數值 123
console.log(parseFloat("123abc"));  //返回數值 123
console.log(parseFloat("010"));  //返回數值 10
console.log(parseFloat("0x10"));  //返回數值 0
console.log(parseFloat("x10"));  //返回數值 NaN

登錄后復制

方法3：使用乘號運算符

如果變量乘以 1，則變量會被 JavaScript 自動轉換為數值。乘以 1 之后，結果沒有發生變化，但是值的類型被轉換為數值。如果值無法被緩緩為合法的數值，則返回 NaN。

var a = 1;  //數值
var b = "1";  //數字字符串
console.log(a + (b * 1));  //返回數值 2

登錄后復制

【推薦學習：javascript高級教程】

以上就是javascript怎么將值轉換成數字類型的詳細內容，更多請關注風君子博客其它相關文章！

總結

以上是生活随笔為你收集整理的javascript怎么将值转换成数字类型(JavaScript)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。