爲什麼此對象引用不起作用？

Question

我想用對象數據中的字符串來填充這個列表。它出現爲'未定義'。這是對數據對象的引用不起作用。爲什麼？

JS

data = [ 
     {"q":"How much?", "ac":"20%", "a1": "1%", "a2": "10%", "a3": "5%"}, 
     {"q":"What", "ac":"Ball", "a1": "Stone", "a2": "Bierd", "a3": "Carl"}, 
     {"q":"When?", "ac":"1999", "a1": "2000", "a2": "2001", "a3": "2002"} 
     ];  

var q=0 

window.onload = function() { 
    var ids =['a','b','c','d']; 
    var ans =['a1','a2','a3','ac']; 
    for (var j=0; j < ids.length; j++) { 
    var a = ans[j]; 
    document.getElementsByClassName(ids[j])[0].innerHTML = data[q].a; //[<-- PROBLEM HERE] 

}; 
} 

HTML

<ul class="answers_quiz"> 
<li class="a"></li> 
<li class="b"></li> 
<li class="c"></li> 
<li class="d"></li> 
</ul> 

Answer 1

您需要使用方括號語法，而不是點語法使用一個變量作爲一個屬性訪問：

element.innerHTML = data[q][a]; 

d ot語法在data[q]中查找名爲「a」的屬性。由於沒有這種東西，它會返回undefined。當您使用數組表示法時，它會查找名爲a包含的任何屬性。

例如，在第一次迭代時，當a === "a1",data[q].a1等於data[q][a]。