如何选择JavaScript中的随机但唯一的数组?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (37)

我正在开展一个项目,我需要在其中创建一个简单的html页面调查问卷。8年多来我没有做过任何编程。现在突然给了一个项目。Stack Overflow帮助我完成了大部分项目。但是现在我已经撞墙了。

我需要从一系列问题中随机选择但不重复的问题。我使用JavaScript来显示问题并使用此代码示例作为项目的基础。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Quiz</title>
<style>

</style>
<script type="text/javascript">

var pos = 0, test, test_status, question, choice, choices, chA, chB, chC, correct = 0, randomq=0;


var questions = [
  ["What is 36 + 42", "64", "78", "76", "B"],
  ["What is 7 x 4?", "21", "27", "28", "C"],
  ["What is 16 / 4?", "4", "6", "3", "A"],
  ["What is 8 x 12?", "88", "112", "96", "C"]
  ];

function get(x){
  return document.getElementById(x);

}


function renderQuestion(){
  test = get("test");


  if(pos >= questions.length){
    test.innerHTML = "<h2>You got "+correct+" of "+questions.length+" questions correct</h2>";
    get("test_status").innerHTML = "Test completed";

    // resets the variable to allow users to restart the test
    pos = 0;
    correct = 0;

    // stops rest of renderQuestion function running when test is completed
    return false;
  }

//洗牌问题

  random1 = Math.floor(Math.random() * (questions.length)) ;
   get("test_status").innerHTML = "Question "+(pos+1)+" of "+questions.length;


  question = questions[random1][0];
  chA = questions[random1][1];
  chB = questions[random1][2];
  chC = questions[random1][3];
  test.innerHTML = "<h3>"+question+"</h3>";
  // the += appends to the data we started on the line above
  test.innerHTML += "<input type='radio' name='choices' value='A'> "+chA+"<br>";
  test.innerHTML += "<input type='radio' name='choices' value='B'> "+chB+"<br>";
  test.innerHTML += "<input type='radio' name='choices' value='C'> "+chC+"<br><br>";
  test.innerHTML += "<button onclick='checkAnswer()'>Submit Answer</button>";
}
function checkAnswer(){
  // use getElementsByName because we have an array which it will loop through
  choices = document.getElementsByName("choices");
  for(var i=0; i<choices.length; i++){
    if(choices[i].checked){
      choice = choices[i].value;
    }
  }
  // checks if answer matches the correct choice
  if(choice == questions[random1][4]){
    //each time there is a correct answer this value increases
    correct++;
  }
  // changes position of which character user is on
 pos++;
 // then the renderQuestion function runs again to go to next question
  renderQuestion();
}
window.addEventListener("load", renderQuestion, false);
</script>
</head>
<body>
<h2 id="test_status"></h2>
<div id="test"></div>
</body>
</html>

我正在寻找一种没有重复问题的方法。

提问于
用户回答回答于

为什么不拼出用过的问题呢?

questionArr.splice(index,1):

或者如果你想保留使用过的问题,请将它们保存在usedQuestions数组中并执行questionArr = [... usedQuestions]; usedQuestions = []; 当questionArr为空时

用户回答回答于

选择一个随机问题,并将相应的布尔值设置为true,如果它为false。如果这是真的,那意味着它之前已被使用过,所以跳过问题并移动一个直到所有值都为真。

扫码关注云+社区

领取腾讯云代金券