Вечный цикл в простом цикле создания HTML-форм

Question

Я пытаюсь создать этот простой код для создания 3 вопросов с несколькими вариантами ответов из данных JSON. По неясной мне причине происходит вечный цикл, в котором последний вопрос снова и снова записывается на страницупока он не падает ... Помощь и советы будут высоко оценены.

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 (i=0 ;i<=2; i++) {

стали:

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

См. Пример & # x2192;

Answer 2

Может, потому что у вас есть два цикла for, которые используют необъявленную магическую глобальную переменную "i"

for (i=0...

, где она, скорее всего, должна быть

for (var i=0...