随机数组的对象

Question

所以我有这个数组:

var musicQuiz = [
  {
    lyrics: "Now the drugs don´t work",
    answers: [
      "The Verve",
      "Oasis",
      "Adele",
      "Rolling Stones",
      "Chris de Burgh",
      "Ceasars"
    ]
  },
  {
    lyrics: "Go your own way",
    answers: [
      "The Chemical Brothers",
      "U2",
      "The Doors",
      "Fleetwood Mac",
      "Moloko",
      "The Beatles"
    ]
  }
];

我想随机显示"歌词".所以我有这个:

for (var i = 0; i < musicQuiz.length; i++) {
  var question = document.getElementById("question");
  var random = Math.floor(Math.random() * musicQuiz[i].lyrics.length);
  question.textContent = musicQuiz[i].lyrics[random];
}

但它不起作用,它只显示一封信.我看到了如何使用数组执行此操作,但无法弄清楚这样做.任何帮助和解释都会很好.

Answer 1

你翻看歌词并从每个歌词中取一个随机字符并将其设置为DOM,所以最后页面将包含来自最后一首歌词的随机字符.你想要一个随机的歌词:

 var question = document.getElementById("question");
 var random = Math.floor(Math.random() * musicQuiz.length);
 question.textContent = musicQuiz[random].lyrics;