JavaScript字符串转数字

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

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

效果截图:

1.gif


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

效果截图:

2.gif


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


相关文章
|
2月前
|
JavaScript 前端开发
JS几种拼接字符串的方法
JS几种拼接字符串的方法
51 1
|
4月前
|
存储 JavaScript 前端开发
JS上传文件(base64字符串和二进制文件流)
这篇文章介绍了两种JavaScript文件上传的方法:使用FileReader对象将文件读取为base64字符串上传,以及使用FormData对象以二进制文件流的形式上传文件,包括如何处理文件选择、读取和上传的详细代码示例。
481 2
JS上传文件(base64字符串和二进制文件流)
|
3月前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
80 5
|
4月前
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
2月前
|
存储 JavaScript 前端开发
JavaScript 字符串(String) 对象
JavaScript 字符串(String) 对象
43 3
|
3月前
|
JavaScript 前端开发
javascript创建字符串
javascript创建字符串
|
3月前
|
JavaScript 前端开发
如何在JavaScript中替换字符串:一篇详细指南
如何在JavaScript中替换字符串:一篇详细指南
|
3月前
|
存储 JavaScript
js切割截取字符串方法
js切割截取字符串方法
51 2
|
3月前
|
Web App开发 JavaScript 前端开发
JavaScript 模板字符串
JavaScript 模板字符串
32 3
|
3月前
|
存储 JavaScript 前端开发
JavaScript 字符串
JavaScript 字符串
22 2
下一篇
无影云桌面