Javascript對象屬性訪問，但給出了不確定的錯誤

Question

我想用下面的代碼，其中msg是持有兩個數組傳入的數據從服務器發送的數據的工作：

console.log(msg); 
for (var i = 0; i <= msg.cues.length; i++) { 
    $("#cues").append("<div class=\"cue-item\" cueval=\"cue-" + i + "\"><h4>"+msg.cues[i].name+"</h4>"+msg.cues[i].description+"</div>"); 
} 

此代碼添加所需的元素的網頁，一切似乎是從瀏覽器窗口罰款，但在控制檯中我得到下面的錯誤，阻止從運行的所有其他代碼：

{…} 
    channels: Array [ 0, 0, 0, … ] 
    cues: […] 
    0: Object { name: "Cue 1", description: "This is a test cue" } 

TypeError: msg.cues[i] is undefined

任何想法爲什麼會發生這種情況，我該如何解決這個問題？

Answer 1

您正在遍歷數組長度的一個位置。變化

for (var i = 0; i <= msg.cues.length; i++) 

到

for (var i = 0; i < msg.cues.length; i++) 

Answer 2

在for循環頭更換<=到<