如何在JavaScript中使用“点击”事件遍历数组？

Question

我正在做一个测验，将使用javaScript加载文本（问题，答案等）。

到目前为止，我已经创建了两个按钮，（一个向前，另一个向后）； 我希望按钮在单击时能加载我的问题...

这是数组：

var allQuestions = [{
"question": "Who was Luke's wingman in the battle at Hoth?",
"choices": ["Dak", "Biggs", "Wedge", "fx-7"],
"correctAnswer": 0
}, {//question #2 }, {//question #3 etc},...];

这是我的Js：

var button = document.querySelector('.navForward');

button.addEventListener('click', function() {
            var questionOutput = " ";
            var currentQuestion = 0;
            var item = allQuestions;

            if(currentQuestion < item.length){
                    currentQuestion++;
            }
            questionOutput += "<h4>" + item.question[currentQuestion] + "</h4> <br/>";
            var update = document.getElementById("question");

            update.innerHTML = questionOutput;

    },      false);

有人可以解释这个错误吗？

Uncaught TypeError: Cannot read property '1' of undefined script.js:84 (anonymous function)

Answer 1

item对象中没有question属性，因为它是一个数组。

将item.question[currentQuestion]更改为item[currentQuestion].question 。