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

由于输入框或对话框返回的类型是字符串，但当我们想使用数字类型时进行一些数学的计算时我们就需要转换为数字类型，使用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字符串转数字的简单实现方法的文章就介绍到这了,更多相关JavaScript字符串转数字内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • jQuery过滤特殊字符及JS字符串转为数字

    //替换特殊字符 $(this).val($(this).val().replace(/[~'!<>@#$%^&*()-+_=:]/g, "")); 方法主要有三种 转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把值转换成浮点数.只有对String类型调用这些方法,这两个函数才能正确运行:对其他类型返回的都是NaN(Not a Number). 一些示

  • JavaScript数字和字符串转换示例

    1. 数字转换为字符串 a. 要把一个数字转换为字符串,只要给它添加一个空的字符串即可: 复制代码 代码如下: var n = 100; var n_as_string = n + ""; b. 要让数字更加显式地转换为字符串,可以使用String()函数: 复制代码 代码如下: var string_value = String(number); c. 使用toString()方法: 复制代码 代码如下: string_value = number.toString(); Numbe

  • Angularjs 双向绑定时字符串的转换成数字类型的问题

    Angularjs 双向绑定时字符串的转换成数字类型的问题

    问题: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app="myAp

  • JavaScript字符串转数字的5种方法及遇到的坑

    String转换为Number有很多种方式,我可以想到的有5种! parseInt(num); // 默认方式 (没有基数) parseInt(num, 10); // 传入基数 (十位数) parseFloat(num) // 浮点数 Number(num); // Number 构造器 ~~num //按位非 num / 1 // 除一个数 num * 1 // 乘一个数 num - 0 // 减去0 +num // 一元运算符 "+" 选择哪一种呢?什么时候选择它?为什么选择这种

  • js字符串转换成数字与数字转换成字符串的实现方法

    js字符串转换成数字 将字符串转换成数字,得用到parseInt函数.parseInt(string) : 函数从string的开始解析,返回一个整数. 举例:parseInt('123') : 返回 123(int):parseInt('1234xxx') : 返回 1234(int): 如果解析不到数字,则将返回一个NaN的值,可以用isNaN()函数来检测: 举例 :var i = parseInt('abc');if (isNaN(i)){alert('NaN value');} 同样的

  • Javascript将数字转化成为货币格式字符串

    这里第一个方法是用JavaScript将数字number转换为货币字符串的格式(参数:保留小数位数,货币符号,整数部分千位分隔符,小数分隔符) 这里第二个方法是用简单的正则表达式将货币字符换转换为纯净的数字字符串,之后便可以将字符串转换为数字number JavaScript Money Format(用prototype对Number进行扩展) // Extend the default Number object with a formatMoney() method: // usage:

  • js 数字、字符串、布尔值的转换方法(必看)

    1.转换为字符串 '' + 10 === '10'; // true将一个值加上空字符串可以轻松转换为字符串类型. 2.字符串转换为数字 +'010' === 10 Number('010') === 10 parseInt('010', 10) === 10 // 用来转换为整数 +'010.2' === 10.2 Number('010.2') === 10.2 parseInt('010.2', 10) === 10 3.转换为布尔值 !!'foo'; // true !!''; // f

  • js整数字符串转换为金额类型数据(示例代码)

    复制代码 代码如下: function zhen(str) {      var arr_1 = ["", "\u62fe", "\u4f70", "\u4edf", "\u4e07", "\u4ebf"], arr_2 = ["", "\u4e07", "\u4ebf"];      var maskstr = arr_1.s

  • 浅谈JS 数字和字符串之间相互转化的纠纷

    字符串转数字 1 parseInt() 函数 parseInt() 函数从string的开始解析,返回一个整数 parseInt('123') : 返回 123: parseInt('1234xxx') : 返回 1234: parseInt('123.456') : 返回 123: parseInt('1 2 3') : 返回 1:字符串的情况,自会返回第一个数 parseInt('bb cc 12') : 返回 NaN:字符串第一个不是数,返回nan parseInt('123' 321)

  • js 字符串转换成数字的三种方法

    方法主要有三种 转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把值转换成浮点数.只有对String类型调用这些方法,这两个函数才能正确运行:对其他类型返回的都是NaN(Not a Number). 一些示例如下: 复制代码 代码如下: parseInt("1234blue");   //returns   1234parseInt("0xA");  

随机推荐