无法理解这个js代码（无法理解文字+ = arr [i] +“<br/>”）？

Question

无法理解var text="";和text +=arr[i]+"<br>"

<script>
var str = "Hello";
var arr = str.split("");
var text = "";
var i;
for (i = 0; i < arr.length; i++) {
text += arr[i] + "<br>"
}
document.getElementById("demo").innerHTML = text;
</script>

Answer 1

1. “str”变量定义为string =“hello”。
2. var arr = str.split(""); 它用于将str字符串拆分为字符数组h,e,l,l,o

3. text="";文本变量是一个定义为字符串的空变量。

4. 变量i定义为0到4之间的数字（arr.length || str.length）

5. text +=arr[i] +'<br/>';将“arr”数组peices添加到text [empty] string

在没有for循环的情况下看到这是相同的

    var str = "Hello";
    var arr = str.split("");
 document.getElementById("demo").innerHTML = 
    arr[0]+"<br/>"+ // h + breakline
    arr[1]+"<br/>"+ // e + breakline
    arr[2]+"<br/>"+ // l + breakline
    arr[3]+"<br/>"+ // l + breakline
    arr[4]+"<br/>"; // o + breakline

Answer 2

的完整写作

text += arr[i] + "<br>";

是

text = text + arr[i] + "<br>";

此代码在每个字符后添加新的html行。