Javascript（+）符号串联在一起，而不是给出变量总和

为什么当我使用这个：（假设i = 1）

divID = "question-" + i+1;

我得到问题11而不是问题2？

使用此代替：

var divID = "question-" + (i+1)

这是一个相当普遍的问题，不仅发生在JavaScript中。这个想法是，+可以代表两个串联和补充。

由于+运算符将左右处理，因此代码中的决策如下所示：

• "question-" + i：由于"question-"是字符串，我们将进行串联，结果是"question-1"
• "question-1" + 1：由于"queston-1"是字符串，我们将进行串联，结果为"question-11"。

与"question-" + (i+1)此不同：

• 由于(i+1)括号中的，因此必须先+应用其值，然后才能应用第一个：
  • i是数字，1是数字，因此我们将进行加法运算，结果是2
• "question-" + 2：由于"question-"是字符串，我们将进行串联，结果为"question-2"。

您也可以使用此

divID = "question-" + (i*1+1); 

确保将i其转换为整数。

仅使用：

divID = "question-" + parseInt(i) + 1;

当“ n”来自html输入字段或声明为字符串时，您需要使用显式转换。

var n = "1"; //type is string
var frstCol = 5;
lstCol = frstCol + parseInt(n);

如果“ n”是整数，则不需要转换。

n = 1; //type is int
var frstCol = 5, lstCol = frstCol + n;

由于您是将数字连接到字符串上，因此整个过程都被视为字符串。当您想将数字加在一起时，您需要分别进行处理，然后将其分配给一个变量并使用该变量，如下所示：

i = i + 1;
divID = "question-" + i;

或者您需要像这样指定数字加法：

divID = "question-" + Number(i+1);

编辑

我应该早就添加了此内容，但是根据评论，它也可以正常工作：

divID = "question-" + (i+1);

divID = "question-" + parseInt(i+1,10);

在这里检查它，这是一个JSFiddle

添加括号

divID = "question-" + (i+1);

用括号括起来的数字将被视为加法运算而不是concat。

divID = "question-" + (i+1)

您得到的原因是运算符的优先顺序，以及+用于连接字符串和执行数字加法的事实。

在您的情况下，“ question-”的连接i是首先出现字符串“ question = 1”的情况。然后，另一个字符串与“ 1”串联，给出“问题11”。

您只需要向解释器提示您想要哪种优先顺序即可。

divID = "question-" + (i+1);

Joachim Sauer的答案将在这种情况下起作用。但是在某些情况下，添加括号无济于事。

例如：您正在将“输入元素的值和整数的和”作为函数的参数传递。

arg1 = $("#elemId").val();   // value is treated as string
arg2 = 1;
someFuntion(arg1 + arg2);    // and so the values are merged here
someFuntion((arg1 + arg2));  // and here

您可以通过使用使其工作 Number()

arg1 = Number($("#elemId").val());
arg2 = 1;
someFuntion(arg1 + arg2);

要么

arg1 = $("#elemId").val();
arg2 = 1;
someFuntion(Number(arg1) + arg2);

另一种选择是使用：

divID = "question-" + (i - -1);

减去负数就等于加法，负号不能用于串联

编辑：忘记了括号仍然是必需的，因为从左到右读取代码。

var divID = "question-" + (parseInt(i)+1);

使用此+运算符的行为是concat因为它显示11的原因。

必须注意，它i是变量的整数类型。在javaScript中，我们没有在变量声明期间指定数据类型，但是我们的初始化可以保证我们的变量具有特定的数据类型。

初始化声明变量是一个好习惯：

• 如果是整数， var num = 0;
• 如果是字符串， var str = "";

即使您的i变量是整数，+运算符也可以执行串联操作而不是加法运算。

在你的问题的情况下，你应该说i = 1，为了得到2除了与1尝试使用(i-1+2)。()不需要使用-括号。

- （负运算符）不能被误解，您也不会得到意外的结果。

括号建议失败的一个地方是，如果说两个数字都是HTML输入变量。说a和b是变量，并且它们按如下方式接收它们的值（我不是HTML专家，但我的儿子遇到了这个问题，并且没有括号解决方案，即

• HTML输入是变量a和b的预期数值，所以说输入是2和3。
• 以下给出了字符串连接输出：a + b显示23; + a + b显示23; （a）+（b）显示23;
• 根据以上建议，我们成功尝试了：显示数字（a）+数字（b）5；显示parseInt（a）+ parseInt（b）5。

感谢您的帮助，仅供参考-非常混乱，我父亲对“这是Blogger.com的错”大喊大叫-不，这是HTML输入默认功能与“加法”运算符结合使用的功能，当它们一起出现时，所有输入变量的默认左对齐解释是字符串的解释，因此加法运算符现在自然地充当串联运算符的双重/并行角色，因为正如您在上面所解释的那样，它是解释协议的左对齐类型此后用Java和Java脚本编写。一个非常有趣的事实：你们提供了解决方案，我为其他参加此工作的人添加了细节。

一样简单...如果未在HTML中定义每种输入类型，则将其视为字符串。因此，加号“ +”运算符正在串联。

使用parseInt（i），然后将“ i”的值强制转换为Integer。

比“ +”运算符更像加法。

在您的情况下，请执行以下操作：

divID = "question-" + parseInt(i)+1;