使用变量作为数组名称

时间:2018-01-15 05:15:18

标签: javascript jquery arrays variables

我有这样的数据结构:

var questions {
  'foo' : [
    {
      'question' : 'Where do babies come from?',
      'choice' : [ 'a', 'b', 'c', 'd' ]
    },
    {
      'question' : 'What is the meaning of life?',
      'choice' : [ 'a', 'b', 'c', 'd' ]
    }
  ],
  'bar' : [
    {
      'question' : 'Where do babies come from?',
      'choice' : [ 'a', 'b', 'c', 'd' ]
    },
    {
      'question' : 'What is the meaning of life?',
      'choice' : [ 'a', 'b', 'c', 'd' ]
    }
  ]
}

我需要在上下文中导航和选择各种数据。我需要bar中的1questions.bar[1].question变量。我写了以下内容并没有成功:

var quiz = $('[id*="Quiz"]');
var skill = quiz.attr('id').substring(0, 3); // 'foo' or 'bar'
var string = '';

for(var i = 0; i < questions[skill].length; i++) {

  var baz = skill + '[' + i + ']'; // need to produce 'foo[0]' or 'bar[0]'

  string += (
    '<div>' +
    '<p>' + questions[baz].question + '</p>' // need to select questions.foo[0].question or questions.bar[0] and then print '<p>Where do babies come from?</p>'
  );
}

如果有人知道如何使数组名称本身成为一个变量,那将非常感激。

1 个答案:

答案 0 :(得分:7)

以下应该做的伎俩;你只需像往常一样拉出数组值:

var baz = questions[skill][i]; // will be `foo[i]` or `bar[i]`

这是有效的,因为questions[skill]是对数组的引用,然后可以像往常一样访问其元素。那么你只需要执行以下操作来提取问题文本:

'<p>' + baz.question + '</p>'