Javascript：“+”符号连接而不是给出变量的总和

Question

我目前正在创建一个网站，可以帮助我快速回答物理问题。 碰巧，代码没有按预期运行，这里是代码

if (option == "dv") {
    var Vinitial = prompt("What is the Velocity Initial?")
    var acceleration = prompt("what is the acceleration?")
    var time = prompt("what is the time?")

    Vfinal = Vinitial + acceleration * time

    displayV.innerHTML = "v= vf= " + Vfinal + "ms" + sup1.sup();
}

现在，假设 Vinitial 是 9，加速度是 2，时间是 3。 当代码运行时，“Vfinal”没有得到 15，而是得到 96。 我发现它可以很好地乘以加速度和时间，然后将开头的 9 与 6（2 * 3 的乘积）连接起来。

我现在已经通过使用修复它

Vfinal =  acceleration * time - (-Vinitial)

避免使用“+”号，但我不想继续这样做。我该如何解决？

Answer 1

你在这里处理strings，对字符串的数学运算会搞砸。请记住当您进行数学运算时，您必须将数据转换为实际数字，然后执行数学运算。

使用 parseInt() more Details here

您的代码应更改为

Vfinal = parseInt(Vinitial,10) + parseInt(acceleration,10) * parseInt(time,10);

编辑1：如果数字是十进制值，则改用parseFloat()

所以代码是

Vfinal = parseFloat(Vinitial) + parseFloat(acceleration) * parseFloat(time);

Answer 2

Object-Oriented JavaScript - Second Edition：如您所知，当您将加号与两个数字一起使用时，这 是算术加法运算。但是，如果您使用加号 用字符串签名，这是一个字符串连接操作，它 返回粘合在一起的两个字符串：

var s1 = "web";
var s2 = "site";
s1 + s2; // website

+ 运算符的双重用途是错误的来源。所以， 如果您打算连接字符串，最好确保 所有的操作数都是字符串。这同样适用于加法； 如果您打算添加数字，请确保操作数是数字。

您可以使用“+”运算符和prompt() 将返回的值从字符串转换为整数

var Vinitial = +prompt("What is the Velocity Initial?");
var acceleration = +prompt("what is the acceleration?");
var time = +prompt("what is the time?");

说明：

var a = prompt('Enter a digit'); 
typeof a; // "string"
typeof +a; // "number"

如果您要输入非数字数据，+a 会给您NaN。 typeof NaN 也是 "number" :)

parseInt() 会得到相同的结果：

var Vinitial = parseInt(prompt("What is the Velocity Initial?"), 10);
var acceleration = parseInt(prompt("what is the acceleration?"), 10);
var time = parseInt(prompt("what is the time?"), 10);

developer.mozilla.org: parseInt(string, radix);

• 字符串：要解析的值。

• radix：2 到 36 之间的整数，表示上述字符串的基数（数学数字系统中的基数）。 为人类常用的十进制数字系统指定 10。 始终指定此参数以消除读者混淆并 保证可预测的行为。不同的实现产生 未指定基数时的不同结果，通常为默认值 值为 10。

结语：

Object-Oriented JavaScript - Second Edition：最安全的做法是始终指定基数。如果你省略基数，你的代码 在 99% 的情况下可能仍然有效（因为大多数情况下 你解析小数），但每隔一段时间它可能会导致你 在调试一些边缘情况时有点脱发。例如，想象 您有一个接受日历日或月的表单域，并且 用户类型 06 或 08。

结语 II：

ECMAScript 5 删除了八进制文字值并避免了混淆 使用 parseInt() 和未指定的基数。

Answer 3

问题是，您的值已以字符串的形式获取..因此使用 parseInt(acceleration).. 将您的值转换为 Int .. 然后它将起作用..

Vfinal = parseInt(Vinitial) + parseInt(acceleration) * parseInt(time)

Answer 4

//use ParseInt
var a=10,b=10;
var sum=parseInt(a+b);

例如：

parseInt(Vinitial + acceleration) * time