JavaScript簡單的循環

Question

var friends = ["Miha", "Artur", "Karen", "zollex"]; 
var len = friends.length; 
var friend = 0; 
var msg = ''; 
var i; 
for (i = 0; i <len; i++){ 
    friend = (i + 1); 
    msg+= "Friend number " + friend + ":"; 
    msg+=friends[i] + "<br />"; 
    document.write(msg); 
} 

我有以下代碼寫在上面。和它outpust以下結果：

朋友數1：米哈
朋友數1：米哈
朋友數2：阿圖爾
朋友數1：米哈
朋友數2：阿圖爾
朋友數3：卡倫
朋友數1：米哈
朋友數2：阿圖爾
朋友數3：卡倫
朋友數4：zollex

雖然應該只有4個朋友。我真的很好奇爲什麼document.write多次重複相同的名字。

Answer 1

因爲你用+ =在每次迭代時建立了字符串，並且你沒有在每次迭代時重置它。

msg += "Friend number " + friend + ":"; 
    ^^ 
msg += friends[i] + "<br />"; 
    ^^ 

移動以外的document.write for循環或者設置msg回空在每個迭代上。

var friends = ["Miha", "Artur", "Karen", "zollex"]; 
var len = friends.length; 
var friend = 0; 
var msg = ''; 
var i; 
for (i = 0; i <len; i++){ 
    friend = (i + 1); 
    msg += "Friend number " + friend + ":"; 
    msg += friends[i] + "<br />"; 
} 
document.write(msg); 

Answer 2

for (i = 0; i <len; i++){ 
    msg = ''; 
    friend = (i + 1); 
    msg+= "Friend number " + friend + ":"; 
    msg+=friends[i] + "<br />"; 
    document.write(msg); 
} 

你正在覆蓋每個循環的msg變量，而你應該在每一個循環中清除它！