js字符串轉換數字

JavaScript變量字符串類型轉為數值類型有一下方法4中法方法，下面我們一個介紹。

1. Number()

使用Number()方法實現轉換，語法：

變量 = Number(變量);

案例：

<script> var a = 1; var b = '100'; var c = 'abcd'; var d = false; var e = undefined; var f = null; console.log(Number(a)); // 輸出為數字1 console.log(Number(b)); // 輸出為數字100 console.log(Number(c)); // 輸出為NaN （not a number 不是一個數字） console.log(Number(d)); // 輸出為數字0(0代表false) console.log(Number(e)); // 輸出為NAN console.log(Number(f)); // 輸出為數字0（Null代表0） </script>

注意：如果變量無法轉為正常的數字類型，就會被轉為NaN，NaN是數字類型，代表不是一個數字。

 

2. parseInt()

使用parseInt()方法取整數，語法如下：

變量 = parseInt(變量);

案例：

<script> var a; var b = null; var b = false; console.log(parseInt('100'));// 輸出數字 100 console.log(parseInt('100.23'));// 輸出數字 100 console.log(parseInt('abdc'));// 輸出數字 NaN console.log(parseInt('100.34'));// 輸出數字 100 console.log(parseInt('abc100.34'));// 輸出 NaN console.log(parseInt(a)); // 輸出 NaN console.log(parseInt(b)); // 輸出 NaN console.log(parseInt(c)); // 輸出 NaN </script>

 

注意parseInt() 方法會從左往右開始匹配，保留字串中以數字開始的部分，並且取整數；如果開頭字符串不是數字則轉為NaN，null、false、undefined等特殊值也輸出NaN。

 

3. parseFloat()

使用parseFloat()轉為浮點型數字，語法：

變量 = parseFloat(變量);

 

案例：

<script> console.log(parseFloat('100.33')); // 輸出數字 100.33 console.log(parseFloat(100.33)); // 輸出數字 100.33 console.log(parseFloat(90)); // 輸出數字 90 console.log(parseFloat('2cdef')); // 輸出數字 2 console.log(parseFloat('cd5f')); // 輸出 NaN console.log(parseFloat('cdef')); // 輸出 NaN console.log(parseFloat(undefined)); // 輸出 NaN console.log(parseFloat(null)); // 輸出 NaN </script>

parseFloat()和parseInt()類似，區別是會保留下小數部分。

 

4. 使用算數運算符轉化

通過案例展示：

<script> var number1 = '90'; console.log(+number1); // 取正數輸出數字 90 console.log(-number1); // 取負數輸出數字 -90 console.log(number1 * 0); // 輸出數字0 console.log(number1 - 0); // 輸出數字90 console.log(number1 + 0); // 注意number1 + 0 輸出字符串900，不是數字 </script>

 

以上是我們介紹的4中變量類型轉為數值類型的方法，你學會了嗎？如果想學習更多前端技