javascript - 如何循环遍历被插入数组的对象实例？

Question

我的目标是制作一款通过随机生成向用户询问 3 个问题的游戏。我通过创建一个类并创建新的问题实例并将它们插入一个数组来解决这个问题。之后，我创建了一个函数，可以通过数组“提示”每个问题，并要求用户输入正确的答案。如果用户没有输入正确的答案，则为用户1提供了更多正确猜测答案的机会，否则用户就失败了。

在这段代码中，我将 3 个问题插入问题数组中，并编写了一行代码“const randomVal = Math.floor(Math.random() * questions.length);”生成数组的随机元素。

我的目标是打印随机插入数组中的所有 3 个问题，但我的代码只打印 1 个随机问题，然后就中断了。

我尝试在 Questionz 函数中使用 for 循环，但我的循环没有打印 3 个不同的问题，而是提示同一问题 3 次。

// Creating a class

class Quiz
{
  constructor(ti,opA,opB,opC,ans) // Easy
  {
    this.title = ti;
    this.optionA = opA;
    this.optionB = opB;
    this.optionC = opC;
    this.answer = ans;
  }

}


// Making an array that will hold all the questions and options
const questions = [];
questions.push(new Quiz("Who is the greatest laker of all time?","Kobe", 
"Shaq", "Magic", "Kobe"));

questions.push(new Quiz("Who is the greatest hockey player of all 
time?","Crosby", "Ovechkin", "Kessel", "Crosby"));

questions.push(new Quiz("What is Torontos Baseball team called?","Blue 
Jays", "Rex Sox", "Yankees", "Blue Jays"));

const randomVal = Math.floor(Math.random() * questions.length);
let que1; // This is global
let i=0;

function Questionz() // Easy Questions (lvl 1)
{
que1 = prompt(`Q. ${questions[randomVal].title} 
\n\n1.${questions[randomVal].optionA} 
\n2.${questions[randomVal].optionB}\n3.${questions[randomVal].optionC}`);

Validation(randomVal);
}

// BOTTOM FUNCTION GIVES PROMPTED VALUE VALIDATION

function Validation(randomVal)
{
while(que1 !== questions[randomVal].answer)
{
  que1 = prompt(`${que1} is Incorrect!\n\nPlease try again!`);
  i++;

  if(que1 === questions[randomVal].answer)
  {
    alert("Correct!\n\nPress OK to move onto the next question!");
  }
  else if(i===1)
  {
    alert(`${que1} is incorrect.\n\nYou have lost.`);
    break;
  }
}
}

Questionz();

Answer 1

您需要在循环中每次都生成随机数，而不是在页面加载时生成随机数。该函数循环 3 次并创建 3 个随机数。

function Questionz() // Easy Questions (lvl 1)
{

    for(let z = 0; z < questions.length; z++) {
        let randomVal = Math.floor(Math.random() * questions.length);
        que1 = prompt(`Q. ${questions[randomVal].title} 
        \n\n1.${questions[randomVal].optionA} 
        \n2.${questions[randomVal].optionB}\n3.${questions[randomVal].optionC}`);

        Validation(randomVal);
    }
}