利用JavaScript怎么將字符串轉(zhuǎn)為數(shù)字

發(fā)布時(shí)間：2020-11-30 16:31:21 來(lái)源：億速云閱讀：171 作者：Leah 欄目：開(kāi)發(fā)技術(shù)

利用JavaScript怎么將字符串轉(zhuǎn)為數(shù)字？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

由于輸入框或?qū)υ捒蚍祷氐念?lèi)型是字符串，但當(dāng)我們想使用數(shù)字類(lèi)型時(shí)進(jìn)行一些數(shù)學(xué)的計(jì)算時(shí)我們就需要轉(zhuǎn)換為數(shù)字類(lèi)型，使用parseInt、parseFloat即可。

用法：↓

parseInt(想要轉(zhuǎn)換的字符串) //轉(zhuǎn)為 int類(lèi)型
parseFloat(想要轉(zhuǎn)換的字符串) //轉(zhuǎn)為 float類(lèi)型

parseInt

樣例代碼：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script>
			var age1 = prompt("請(qǐng)輸入小明的年齡："); // 12
			var age2 = prompt("請(qǐng)輸入小剛的年齡："); // 13
			
			//小明十年后 轉(zhuǎn)int
			age1 = parseInt(age1);
			age1 += 10;
			
			//小剛十年后 不轉(zhuǎn) int
			age2 += 10;
			
			
			document.write("十年后小明的年齡：" + age1 + "</br>"); //22
			document.write("十年后小剛的年齡：" + age2); // 1310
			
		</script>
		<title></title>
	</head>
	<body>
		
		
	</body>
</html>

效果截圖：

利用JavaScript怎么將字符串轉(zhuǎn)為數(shù)字

很明顯我們可以看出，如果不轉(zhuǎn)int我們+10的時(shí)候就會(huì)得到拼接字符串的效果。

parseFloat

樣例代碼：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script>
			var num1 = prompt("請(qǐng)輸入第一個(gè)數(shù)字(小數(shù))："); // 11.22
			var num2 = prompt("請(qǐng)輸入第二個(gè)數(shù)字(小數(shù))："); // 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("相加的結(jié)果(轉(zhuǎn)float)："+sum + "</br>");
			document.write("相加的結(jié)果(不轉(zhuǎn)float)："+sum2);
		</script>
		<title></title>
	</head>
	<body>
	</body>
</html>

看完上述內(nèi)容，你們掌握利用JavaScript怎么將字符串轉(zhuǎn)為數(shù)字的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問(wèn)一下細(xì)節(jié)

利用JavaScript怎么將字符串轉(zhuǎn)為數(shù)字

parseInt

parseFloat

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽