JavaScript中parseInt与parseFloat字符串转数字详解
作者:小括号时间:2026-10-23 23:57:56浏览:536
本文介绍JavaScript中将字符串转换为数字的两种常用方法:parseInt和parseFloat。通过对比转换与不转换时的运算结果,说明在数学计算前进行类型转换的重要性,并提供完整的HTML示例代码供参考。
由于输入框或对话框返回的类型是字符串,但当我们想使用数字类型时进行一些数学的计算时我们就需要转换为数字类型,使用即可。
用法:↓
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字符串转数字内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
