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


Posted in Javascript onNovember 27, 2020

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

效果截图:

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

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

效果截图:

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

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

总结

到此这篇关于JavaScript字符串转数字的简单实现方法的文章就介绍到这了,更多相关JavaScript字符串转数字内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
js window.onload 加载多个函数的方法
Nov 02 Javascript
js chrome浏览器判断代码
Mar 28 Javascript
基于JQuery制作的产品广告效果
Dec 08 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
Mar 30 Javascript
js获取本机的外网/广域网ip地址完整源码
Aug 12 Javascript
利用javascript实现全部删或清空所选的操作
May 27 Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
Dec 08 Javascript
json定义及jquery操作json的方法
Oct 03 Javascript
vue2.0 axios跨域并渲染的问题解决方法
Mar 08 Javascript
js实现多个倒计时并行 js拼团倒计时
Feb 25 Javascript
vue给对象动态添加属性和值的实例
Sep 09 Javascript
layui数据表格 table.render 报错的解决方法
Sep 29 Javascript
使用vue编写h5公众号跳转小程序的实现代码
Nov 27 #Vue.js
JavaScript中的Proxy对象
Nov 27 #Javascript
详解JavaScript中的链式调用
Nov 27 #Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
Nov 27 #Vue.js
vuex的数据渲染与修改浅析
Nov 26 #Vue.js
vue动态合并单元格并添加小计合计功能示例
Nov 26 #Vue.js
JavaScript用document.write()输出换行的示例代码
Nov 26 #Javascript
You might like
php 破解防盗链图片函数
2008/12/09 PHP
PHP实现异步调用方法研究与分享
2011/10/27 PHP
Yii框架form表单用法实例
2014/12/04 PHP
PHP会话控制实例分析
2016/12/24 PHP
php7 参数、整形及字符串处理机制修改实例分析
2020/05/25 PHP
javascript开发中因空格引发的错误
2010/11/08 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
2015/03/11 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
JavaScript驾驭网页-DOM
2016/03/24 Javascript
jQuery控制div实现随滚动条滚动效果
2016/06/07 Javascript
jqPlot jQuery绘图插件的使用
2016/06/18 Javascript
AngularJS入门教程之双向绑定详解
2016/08/18 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
vue-cli 3.x 修改dist路径的方法
2018/09/19 Javascript
JavaScript两种计时器的实例讲解
2019/01/31 Javascript
微信小程序版本自动更新的方法
2019/06/14 Javascript
基于js实现数组相邻元素上移下移
2020/05/19 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
python动态网页批量爬取
2016/02/14 Python
Python 通过URL打开图片实例详解
2017/06/01 Python
python中format()函数的简单使用教程
2018/03/14 Python
Python numpy 点数组去重的实例
2018/04/18 Python
python 读取.csv文件数据到数组(矩阵)的实例讲解
2018/06/14 Python
python 简单照相机调用系统摄像头实现方法 pygame
2018/08/03 Python
python sort、sort_index方法代码实例
2019/03/28 Python
Django中文件上传和文件访问微项目的方法
2020/04/27 Python
python中strip(),lstrip(),rstrip()函数的使用讲解
2020/11/17 Python
Brasty波兰:香水、化妆品、手表网上商店
2019/04/15 全球购物
Ibatis如何使用动态表名
2015/07/12 面试题
活动邀请函范文
2014/01/19 职场文书
老师对学生的评语
2014/04/18 职场文书
医院党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
婚宴来宾致辞
2015/07/28 职场文书
创业计划书之DIY自助厨房
2019/09/06 职场文书
python中取整数的几种方法
2021/11/07 Python
JavaScript高级程序设计之基本引用类型
2021/11/17 Javascript