javascript - 简单 HTML 表单创建循环中的永恒循环

Question

我正在尝试编写这个简单的代码，从 JSON 数据中创建 3 个多项选择题， 由于超出我理解的原因，发生的是一个永恒的循环，其中最后一个问题被一次又一次地写入页面，直到崩溃...... 我们将非常感谢帮助和建议。

var questions = {
"qestion":["what is bla?", "what is bla bla?", "what is bla bla bla?"],
"answer":[["aaa","bbb","ccc","ddd"], ["eee","fff","ggg","hhh"], ["zzz","xxx","yyy","www"]],
"correctAns":[1,2,3]};

String.prototype.format = function() {
    var formatted = this;
    for (i=0; i< arguments.length; i++) {
        var regexp = new RegExp('\\{'+i+'\\}', 'gi');
        formatted = formatted.replace(regexp, arguments[i]);
        }
    return formatted;
};

function writeQuestions() {

    for (i=0 ;i<=2; i++) {

            answerRdy = [];
            qestionRdy = questions.qestion[i];
            answerRdy[0] = questions.answer[i][0];
            answerRdy[1] = questions.answer[i][1];
            answerRdy[2] = questions.answer[i][2];
            answerRdy[3] = questions.answer[i][3];
            divID = "question-" + i;

                writeAnswer = [];
                writeAnswer[writeAnswer.length] = ("\n<div id='{0}'>\n<form method='post' onsubmit='return validate(this);'>\n").format(divID);
                writeAnswer[writeAnswer.length] = ("<b>" + qestionRdy + "</b><br />\n");
            for (n=0; n<=3; n++) {
                writeAnswer[writeAnswer.length] = ("<input type='radio' name='answer' value='{0}' /> {1} <br />\n").format(n, answerRdy[n]);
                    }
                writeAnswer[writeAnswer.length] = ("<input type='submit' value='Submit your answer'>\n</form>\n</div><!--{0}-->").format(divID);


            joinQuestion = writeAnswer.join();
                exp = /,/gi;
            fullQuestion = joinQuestion.replace(exp, "");

        $('#container').append(fullQuestion);
    }
}

Answer 1

我改变了 for 循环来声明迭代的局部变量，并将终止长度链接到适当的对象，这似乎可以解决问题。例如:

for (i=0 ;i<=2; i++) {

变成:

for (var i = 0, len = questions.answer.length; i < len; i++) {

See example →