使用for循环检查多个变量的内容

Question

我有多个包含一个问题和两个答案选项的数组变量。它们用于改变问题的调查。

var q1 = ["question","option1","option2"];
var q2 = ["question","option1","option2"];
...
var q8 = ["","",""];
var q9 = ["","",""];

我希望能够自动更改用户通过的问题数量。我这样做的方法是添加一个for循环来检查数组是否为空，如果数组为空，它将完成对之前问题的调查。

这是我尝试过的：

for (i = 1; i < 9; i++) {
    if ("q"+i = ["","",""]) {
        console.log("Stopped at "+i);
        finishSurvey():
        i = 9; //Stop for-loop
    } else {
        console.log("Error");
    }
}

这里的问题是if-argument的左边，我也试过这个：

if (qi = ["","",""]) {

但是，它将选择第一个可用选项 (1)。使用 == 或 === 会使 qi 未定义。如何使用 for 循环检查所有数组变量是否为空？每次循环运行时，我都需要一种方法来增加第二个数字，然后将其作为变量读取。

我可以用很长的 if-sentence 来做到这一点，但如果我有更多问题，那就太痛苦了。

Answer 1

您可以检查数组的内容以查看它是否包含空字符串，为此我使用join 将所有空字符串附加并使其合二为一，然后与空字符串引用进行比较。

一旦我们发现一个空字符串出现，我们停止并退出循环并打印我们遇到空数组的第 i 个问题。假设您以有序的方式传递问题数组，使得具有空字符串的问题数组位于末尾。

var q1 = ["question","option1","option2"];
var q2 = ["question","option1","option2"];
var q3 = ["","",""];
var q4 = ["","",""];
var questions = [q1, q2, q3, q4];

function checkQuestions(questions){
 for(let i =0; i<questions.length;i++){
   if(questions[i].join("") === ""){
      console.log("stopped at question "+(i+1));
      break;
    }
  } 
}
checkQuestions(questions);

Answer 2

你不能真正“动态地”循环这样的变量。我会尝试将所有问题放在一个数组中，并将每个问题及其答案放在一个对象中：

<div id="root"></div>


var questions = [
  {
    question: "question 1",
    answers: [
      "answer 1",
      "answer 2"
    ]
  },
  {
    question: "question 2",
    answers: [
      "answer 1",
      "answer 2"
    ]
  },
   {
    question: "question 3",
    answers: [
      "answer 1",
      "answer 2"
    ]
  }
];


function renderQuestions(questionsArr) {
   var html = '';
   var container = document.getElementById("#root");

   quesaionsArr.forEach(function(questionObj) {
     if (questionObj.question && questionObj.answers.length) {
       // do your work to create each question and answer 
     }
   }); 

   // append final html to parent
   container.appendChild(html)
}