如何将两个字符串相加，就好像它们是数字一样?

我有两个字符串，其中只包含数字:

var num1 = '20',
    num2 = '30.5';

我本以为我可以把它们加在一起，但它们却被连接起来:

num1 + num2; // = '2030.5'

我如何才能迫使这些字符串被视为数字?

当前回答

@cr05s19xx对重复问题的建议:

当涉及到数字和加法时，JavaScript有点有趣。

给出以下内容

'20' - '30' = 10;//返回数字10 '20' + '30' = '2030';//以字符串形式返回从document返回的值。getElementById是字符串，所以最好在进行加法或减法之前将它们全部(即使是有效的)解析为数字。你的代码可以是:

function myFunction() {
  var per = parseInt(document.getElementById('input1').value);
  var num = parseInt(document.getElementById('input2').value);
  var sum = (num / 100) * per;
  var output = num - sum;

  console.log(output);

  document.getElementById('demo').innerHTML = output;
}

function myFunction2() {
  var per = parseInt(document.getElementById('input3').value);
  var num = parseInt(document.getElementById('input4').value);
  var sum = (num / 100) * per;
  var output = sum + num;

  console.log(output);

  document.getElementById('demo1').innerHTML = output;
}

2019-02-13 20:27:18

其他回答

确保你的最终答案四舍五入小于16位小数浮点作为java脚本是错误的。

例如 5 - 7.6 = -2.5999999999999996

2013-09-30 03:35:21

使用parseFloat方法将字符串解析为浮点数:

parseFloat(num1) + parseFloat(num2)

2012-01-23 18:27:21

parseInt的MDN文档用于parseFloat的MDN文档

在parseInt中，基数被指定为10，所以我们以10为基数。在非严格javascript中，以0开头的数字被视为八进制。这显然会引起问题!

parseInt(num1, 10) + parseInt(num2, 10) //base10
parseFloat(num1) + parseFloat(num2)

还可以参考ChaosPandion的回答，了解使用一元运算符的有用快捷方式。我设置了一个小提琴来展示不同的行为。

http://jsfiddle.net/EtX6G/

var ten = '10';
var zero_ten = '010';
var one = '1';
var body = document.getElementsByTagName('body')[0];

Append(parseInt(ten) + parseInt(one));
Append(parseInt(zero_ten) + parseInt(one));
Append(+ten + +one);
Append(+zero_ten + +one);

function Append(text) {
    body.appendChild(document.createTextNode(text));
    body.appendChild(document.createElement('br'));
}

2012-01-23 18:25:47

在这里，你有两个选择:-

1.您可以使用一元加号将字符串数字转换为整数。 2.您还可以通过将数字解析为相应的类型来实现这一点。即parseInt()， parseFloat()等

现在我将在这里通过例子向你们展示(求两个数字的和)。

使用一元加运算符

<!DOCTYPE html>
<html>
<body>

<H1>Program for sum of two numbers.</H1>
<p id="myId"></p>
<script>
var x = prompt("Please enter the first number.");//prompt will always return string value
var y = prompt("Please enter the second nubmer.");
var z = +x + +y;    
document.getElementById("myId").innerHTML ="Sum of "+x+" and "+y+" is "+z;
</script>
</body>
</html>

〇使用解析方法

<!DOCTYPE html>
<html>
<body>

<H1>Program for sum of two numbers.</H1>
<p id="myId"></p>
<script>
var x = prompt("Please enter the first number.");
var y = prompt("Please enter the second number.");   
var z = parseInt(x) + parseInt(y);
document.getElementById("myId").innerHTML ="Sum of "+x+" and "+y+" is "+z;
</script>
</body>
</html>

2018-10-07 13:17:55

使用parseFloat(string)将字符串转换为浮点数或使用parseInt(string)将字符串转换为整数

2012-01-23 18:26:34

如何将两个字符串相加，就好像它们是数字一样?

推荐文章

最新文章

标签