Question

我正在学习javascript中的循环，但是在很多例子中我看到了+ =，我知道它意味着+ = b（a = a + b）但我不知道这段代码到底是什么意思，

var i;
for (i = 0; i < 10; i++) {
  document.getElementById("demo").innerHTML += i + "<br>";
}

<p id="demo"></p>

Answer 1

正如您所说，a += b相当于a = a + b（存在一些微妙的差异，但我们暂时会忽略它们。）

当其中一个操作数是字符串时，+会导致连接。因此"ABC" + "DEF"变为"ABCDEF"。如果只有一个操作数是字符串，则另一个操作数首先变为字符串。

innerHTML获取或设置元素的HTML内容，因此innerHTML += i将i转换为字符串，然后将其添加到元素的HTML内容中。

Answer 2

此代码将循环10次

将（i +一个新行字符）添加到元素demo中，即在段落

中

每次循环执行

Answer 3

你在问题中给出了答案。

如果

a += b

与

相同

a = a + b

然后

document.getElementById("demo").innerHTML += i + "<br>";

与

相同

document.getElementById("demo").innerHTML =
    document.getElementById("demo").innerHTML + i + "<br>";

换句话说，每个循环都会添加i作为字符串（循环计数器变量）和 （HTML换行符）的值。

Answer 4

这很简单。

object!

在这里表示object!的值将在每次循环执行时附加到document.getElementById("demo").innerHTML += i + " ";以及i中的先前值，或者只是为了使其更清晰{{1} }与p相同。

document.getElementById("demo").innerHTML += i + "<br>"

如果你不document.getElementById("demo").innerHTML = document.getElementById("demo").innerHTML + i + " ";，你将只获得最后一个值

var i;
for (i = 0; i < 10; i++) {
  document.getElementById("demo").innerHTML = document.getElementById("demo").innerHTML + i + "<br>";
}

<p id="demo"></p>

Answer 5

在for循环中，您会获得该元素的innerHTML并从循环和“边框”（i）添加 ，因此您不会完全覆盖它，您要添加i和 ，结果，您可以看到0到9之间的数字列表，每个数字都以新行开头。

document.getElementById("demo").innerHTML += i + " ";表示您使用现有innerHTML，添加i然后添加 ，最后将其分配给元素的innerHTML - 非常简单

Answer 6

代码用id =＆＃34; demo＆＃34;写出元素的内部html。循环迭代10次;

html在每次迭代中都会如下所示：

第一次迭代（追加1 ）

<p id="demo">
0<br>
1<br>
<p>

第二次迭代（追加9 ）

<p id="demo">
0<br>
1<br>
2<br>
3<br>
4<br>
5<br>
6<br>
7<br>
8<br>
9<br>
<p>

依旧......

第10次迭代（追加+=）

i<br>

因此，此代码中的HS1 HS2 EffNotional_UnMG EUR 3 -10082.91381 USD 2 -36253.84938 USD 3 78693.86806基本上附加到内部html，即保持先前写入的文本完整并附加for row in df.itertuples(): print (row)。

这个+ =如何在javascript中运行？

6 个答案: