JavaScript字串轉數字的簡單實現方法
阿新 • • 發佈：2020-11-30
由於輸入框或對話方塊返回的型別是字串，但當我們想使用數字型別時進行一些數學的計算時我們就需要轉換為數字型別，使用parseInt、parseFloat即可。
用法：↓
parseInt(想要轉換的字串) //轉為 int型別 parseFloat(想要轉換的字串) //轉為 float型別
parseInt
樣例程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
var age1 = prompt("請輸入小明的年齡："); // 12
var age2 = prompt("請輸入小剛的年齡："); // 13
//小明十年後 轉int
age1 = parseInt(age1);
age1 += 10;
//小剛十年後 不轉 int
age2 += 10;
document.write("十年後小明的年齡：" + age1 + "</br>"); //22
document.write("十年後小剛的年齡：" + age2); // 1310
</script>
<title></title>
</head>
<body>
</body>
</html>
效果截圖：
很明顯我們可以看出，如果不轉int我們+10的時候就會得到拼接字串的效果。
parseFloat
樣例程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
var num1 = prompt("請輸入第一個數字(小數)："); // 11.22
var num2 = prompt("請輸入第二個數字(小數)："); // 22.33
var num11=num1;
var num22=num2;
num1 = parseFloat(num1);
num2 = parseFloat(num2);
var sum = num1+num2; // 33.55
var sum2 = num11 + num22; //11.2222.33
document.write("相加的結果(轉float)："+sum + "</br>");
document.write("相加的結果(不轉float)："+sum2);
</script>
<title></title>
</head>
<body>
</body>
</html>
效果截圖：
同樣我們可以看出，如果不轉float我們就會得到拼接字串的效果。
總結
到此這篇關於JavaScript字串轉數字的簡單實現方法的文章就介紹到這了,更多相關JavaScript字串轉數字內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！