JavaScript字符串转数字

举报
牛哄哄的柯南 发表于 2021/05/26 15:38:35 2021/05/26
【摘要】 JavaScript字符串转数字 parseIntparseFloat 由于输入框或对话框返回的类型是字符串,但当我们想使用数字类型时进行一些数学的计算时我们就需要转换为数字类型,使用parseInt、parseFloat即可。 用法:↓ parseInt(想要转换的字符串) //转为 int类型 parseFloat(想要转换的字符串) ...

JavaScript字符串转数字

由于输入框或对话框返回的类型是字符串,但当我们想使用数字类型时进行一些数学的计算时我们就需要转换为数字类型,使用parseInt、parseFloat即可。

用法:↓

parseInt(想要转换的字符串)  //转为 int类型
parseFloat(想要转换的字符串)  //转为 float类型

  
 
  • 1
  • 2

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>



  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29

效果截图:
在这里插入图片描述

很明显我们可以看出,如果不转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>


  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

效果截图:
在这里插入图片描述

同样我们可以看出,如果不转float我们就会得到拼接字符串的效果。

写作不易,读完如果对你有帮助,感谢点赞支持!
如果你是电脑端,看见右下角的“一键三连”了吗,没错点它[哈哈]

在这里插入图片描述

加油!

共同努力!

Keafmd

文章来源: keafmd.blog.csdn.net,作者:牛哄哄的柯南,版权归原作者所有,如需转载,请联系作者。

原文链接:keafmd.blog.csdn.net/article/details/109606720

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。