Javascript 什么'；这两种代码的区别是什么？（非常初级的问题）

这张照片是： 第一轮：24 第2轮：32 第3轮：17

var scores = [24, 32, 17]
var arrayLength = scores.length
var roundNumber = 0
var msg = ''
var i  

for (i = 0; i < scores.length; i++) {
  roundNumber = (i + 1)

  msg += 'Round ' + roundNumber + ': '
  msg += scores[i] + '<br>'
  document.getElementById('message').innerHTML = msg

}

var得分=[24,32,17]
var arrayLength=分数。长度
var roundNumber=0
var msg=''
变量i
对于（i=0；i'
document.getElementById（'message'）。innerHTML=msg
}

这张照片是：

第3轮：22

var scores = [24, 23, 22]

for (i = 0; i < scores.length; i++) {
   msg = "Round " + (i + 1) + ":" + scores[i] + "<br>"
   document.getElementById("message").innerHTML = msg
}

var得分=[24,23,22]
对于（i=0；i”
document.getElementById（“消息”）.innerHTML=msg
}

我的问题是：为什么第二个没有像第一个那样打印所有三个结果

---

谢谢。

您没有连接字符串，每次迭代都会更改消息。 试试这个

var得分=[24,23,22]
var msg=''
对于（i=0；i”
document.getElementById（“消息”）.innerHTML=msg
}

因为您在每次迭代中用一个新值覆盖

msg

（和

.innerHTML

），而不是在循环之前将其初始化为

'

）后附加到它（使用

+=

）。在第一个代码段中，最好理解如果将

文档.getElementById（'message'）.innerHTML=msg

在第一个代码段之后聚合输出消息，而在第二个代码段中，只有最新迭代的值被分配给

msg

变量。

var scores = [24, 23, 22]
var msg = ''
for (i = 0; i < scores.length; i++) {
   msg += "Round " + (i + 1) + ":" + scores[i] + "<br>"
   document.getElementById("message").innerHTML = msg
}