为什么 JavaScript 使用连接而不是添加数字？

串联而不是数值加法中的求和

在某些编程场景中，尝试对两个数值求和可能会导致意外行为，其中数字被连接而不是相加。当输入值被视为字符串而不是数字时，就会出现此问题。

考虑以下 JavaScript 代码：

function myFunction() {
  var y = document.getElementById("txt1").value;
  var z = document.getElementById("txt2").value;
  var x = y + z;
  document.getElementById("demo").innerHTML = x;
}

执行此代码时，您可能会遇到一个特殊的结果，其中 1 2返回“12”而不是预期的“3”。发生这种情况是因为变量 y 和 z 最初是从 HTML 输入字段作为字符串检索的。 JavaScript 对字符串的连接操作 ( ) 的解释与对数字的解释不同。

为了纠正此问题并确保数值相加，有必要在执行计算之前将字符串显式转换为数字。 JavaScript 提供了一个简单的解决方案，使用“”（一元加运算符）来实现此目的。

var x = +y + +z;

通过在每个字符串前面添加“”，它们被强制转换为数值。这使得 JavaScript 能够执行所需的加法运算，从而得出正确的数字总和。因此，更正后的代码片段将是：

function myFunction() {
  var y = +document.getElementById("txt1").value;
  var z = +document.getElementById("txt2").value;
  var x = y + z;
  document.getElementById("demo").innerHTML = x;
}

此修改可确保输入值被视为数字，防止串联问题并产生适当的总和。

以上是为什么 JavaScript 使用连接而不是添加数字？的详细内容。更多信息请关注PHP中文网其他相关文章！