我如何使用 innerHTML 遍历数组

Question

    <div id="demo"></div><br>
    <script>
        let a = [1,2,3];
        a.forEach(function(item){
        document.getElementById('demo').innerHTML=item;
        })
    </script>

从上面的代码我只能得到最后一位数字。为什么它不显示数组中的所有数字。但是当我使用 innerHTML+=item 时它工作正常。这里的=和+=有什么区别。我发现每个教程都解释说 += 意味着 x = x + y。但我相信 += 的幕后有一个巨大的逻辑，但没有人对此进行解释。任何人都可以解释这一点，这将非常有帮助。提前致谢！

Answer 1

这里的=和+=有什么区别？

= 您正在为某物赋值。 += 您不仅要赋值，还要保存之前的值，还要将之前的值赋值并连接到当前值。

Answer 2

= 和 += 不一样

document.getElementById('demo').innerHTML=item;

将在循环中每次设置为单个项目。所以经过三次你会像这样设置 innerHTML：

innerHTML = '1'
innerHTML = '2'
innerHTML = '3'

document.getElementById('demo').innerHTML+=item;

将追加项目并且与

相同

document.getElementById('demo').innerHTML=document.getElementById('demo').innerHTML + item;

所以每次通过你都会执行：

innerHTML = originalHTML + '1'
innerHTML = originalHTML + '1' + '2'
innerHTML = originalHTML + '1' + '2' + '3'

我如何使用 innerHTML 遍历数组

How can i loop through an array using innerHTML

foreach

equals

innerhtml

operator-keyword