Javascript 如何访问二维数组中的项?

Javascript 如何访问二维数组中的项?,javascript,arrays,function,Javascript,Arrays,Function,对于5个问题的多选测验,我有一个函数,可以显示一个问题,创建四个列表项,并在其中添加按钮 我需要在按钮中输入答案选择文本。我有一个数组,它包含5个数组,每个数组包含4个答案选择字符串。我正在努力找到正确的方法来做这件事。我尝试过使用嵌套的if循环和foreach()并将按钮textContent设置为项目,但似乎无法使其工作。我需要访问第一个内部数组中的4个项目,然后在每次迭代中移动到下一个内部数组 下面是到目前为止我所拥有的工作成果 var list = document.getEle

对于5个问题的多选测验,我有一个函数,可以显示一个问题,创建四个列表项,并在其中添加按钮

我需要在按钮中输入答案选择文本。我有一个数组,它包含5个数组,每个数组包含4个答案选择字符串。我正在努力找到正确的方法来做这件事。我尝试过使用嵌套的if循环和foreach()并将按钮textContent设置为项目,但似乎无法使其工作。我需要访问第一个内部数组中的4个项目,然后在每次迭代中移动到下一个内部数组

下面是到目前为止我所拥有的工作成果


   var list = document.getElementById("list");
   var btn = document.getElementById("start");
   var question = document.getElementById("question")

   var questionArray = 
   [“Question 1”, 
   “Question 2“,
   “Question 3”,
   “Question 4“,
   “Question 5“];

   var answerArray = 
   [[“answer”, "answer", "answer", "answer"], 
   ["answer", "answer", "answer", "answer"],
   ["answer", "answer", "answer", "answer"],
   ["answer", "answer", "answer", "answer"],
   ["answer", "answer", "answer", "answer"]];


function displayQuestion() {
   for (var i=0; i < questionArray.length; i++) {
       question.textContent = questionArray[i];
       createListItems();
       return;
   }
}

function createListItems() {
   for (var j=0; j < answerArray[0].length; j++) {
       var listItem = document.createElement("li");
       list.appendChild(listItem);
       var answerButton = document.createElement("button");
       listItem.appendChild(answerButton);
   }

}

var list=document.getElementById(“列表”);
var btn=document.getElementById(“开始”);
var question=document.getElementById(“问题”)
变量数组=
[“问题1”,
“问题2”,
“问题3”,
“问题4”,
“问题5”];
var应答器阵列=
[[“回答”、“回答”、“回答”、“回答”],
[“回答”、“回答”、“回答”、“回答”],
[“回答”、“回答”、“回答”、“回答”],
[“回答”、“回答”、“回答”、“回答”],
[“回答”、“回答”、“回答”、“回答”];
函数displayQuestion(){
对于(变量i=0;i
您可以通过以下方式实现:

function displayQuestion() {
   for (var i = 0; i < questionArray.length; i++) {
      (function(idx) {
         question.textContent = questionArray[idx];
         createListItems(idx);
      })(i);
   }
}

function createListItems(idx) {
   for (var j=0; j < answerArray[idx].length; j++) {
       var listItem = document.createElement("li");
       listItem.appendChild(document.createTextNode(answerArray[idx]));           
       var answerButton = document.createElement("button");
       listItem.appendChild(answerButton);
       list.appendChild(listItem);
   }
}
函数displayQuestion(){
对于(变量i=0;i