Question

我希望有一个带有二维数组的Object。它将提出相关选择和正确答案的问题。第一次通过它正常工作，但第二次i = 1 k = 0我得到一个例外。以下是相关代码，在对象中的第一个条目之后抛出异常：

var testquestions = [{
        question:[],
        choices:[[]],
        answer:[],
       }
      ];
      var i = 0;

 $( "#opener" ).click(function() {
          $( "#dialog" ).dialog( "open" );
          $( "#dialog" ).dialog({
            minWidth: 700,
            minHeight: 650,
            buttons: [
                 {
                   text: "Add Question",
                   click: function() {
                       i = testquestions[0].question.length;
                       testquestions[0].question[i] = $( "#question" ).val();
                       for(var k = 0; k < 4; k++){
                           if ($("#" + k).val() != "")  {
                             alert("i and k values are " + i + "nd " + k);
                             testquestions[0].choices[i][k] = $( "#" + k ).val();
                           }
                        }  // for k
                      testquestions[0].answer[i] = $("#correctAnswer").val();
                      $("#test")[0].reset();
                      alert(testquestions[0].question[i]);
                    }
                 }

例外

TypeError: testquestions[0].choices[i] is undefined

testquestions[0].choices[i][k] = $( "#" + k ).val();

有人能告诉我，我是否正确地声明和调用二维数组？当i = 1时抛出异常。谢谢更新：下面的答案确实解决了我的问题。

Answer 1

testquestions[0].choices[i]未定义（因为choices:[[]]）并且从未分配，因此您无法使用[k]访问它。添加

testquestions[0].choices[i] = [];

正好在

之下

testquestions[0].question[i] = $( "#question" ).val();

解决这个问题。

注意：

var foo = { choices:[[]] }相当于
```
var foo = {};
foo.choices = [];
foo.choices[0] = [];
```
它将choices字段初始化为一个包含一个元素的数组：一个空数组。因此，.choices[0]存在，但choices[1]不存在，这导致choices[1][k]上的错误。
Tou可能想要使用console.log()（按F12查看）而不是alert()，因为这会让内部循环变得烦人。 ; - ）
最好不要使用#1。请参阅the note on this page：id始终以字母开头。

由于问题总是有一些（4）选项，也许您可以使用此结构：{ question: "?", choices: ["A","B","C"], answer: "C" }

var testquestions = [];

function addQuestion( q, c, a ) {
    testquestions.push( { question: q, choices: c, answer: a } );
}

和你的经纪人：

 click: function() {
            addQuestion( 
                $( "#question" ).val(),
                $( 'input.choice' ).map( function(i,e){ return $(e).val();}).get(),
                $("#correctAnswer").val()
            );

            $("#test")[0].reset();
          }

您需要将<input id='1'> ... <input id='4'>更改为<input class='choice'>。

<强>更新

var testquestions = [{
        question:[],
        choices:[],
        answer:[],
       }
      ];
      var i = 0;

$( "#opener" ).click(function() {
   i = testquestions[0].question.length;
   testquestions[0].question[i] = $( "#question" ).val();
   testquestions[0].choices[i] = [];
   for(var k = 0; k < 4; k++){
     if ($("#c" + k).val() != "")  {
       testquestions[0].choices[i][k] = $( "#c" + k ).val();
     }
   }  // for k
   testquestions[0].answer[i] = $("#correctAnswer").val();
   console.log("Added question", testquestions[0] );
   $("#test")[0].reset();                      
 }
);

fieldset { display: inline-block; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='dialog'>
  <form id='test'>
    Q <input id='question'/><br/>
    A <input id='correctAnswer'/><br/>
    C <fieldset label='foo' title='bar'>
    <input id='c0' class='choice'/><br/>
    <input id='c1' class='choice'/><br/>
    <input id='c2' class='choice'/><br/>
    <input id='c3' class='choice'/><br/>
    </fieldset>
    <button id='opener'>add question</button>
  </form>
</div>

在Javascript中使用二维数组抛出异常

1 个答案: