JavaScript字符串转数字的简单实现方法

网络编程 2024/12/26 佚名

3 2 1

由于输入框或对话框返回的类型是字符串，但当我们想使用数字类型时进行一些数学的计算时我们就需要转换为数字类型，使用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字符串转数字,js字符串转为数字类型,js字符串转数字的方法

标签：

javascript字符串转数字,js字符串转为数字类型,js字符串转数字的方法

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“JavaScript字符串转数字的简单实现方法”

JavaScript字符串转数字的简单实现方法

暂无“JavaScript字符串转数字的简单实现方法”评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新动态

2024年12月26日

JavaScript字符串转数字的简单实现方法

parseInt

parseFloat

javascript字符串转数字,js字符串转为数字类型,js字符串转数字的方法

js实现扫雷源代码

使用vue编写h5公众号跳转小程序的实现代码

评论“JavaScript字符串转数字的简单实现方法”

P70系列延期，华为新旗舰将在下月发布

更新动态

友情链接