随机选择的项目列表答案

【问题标题】：lists of randomly selected items随机选择的项目列表
【发布时间】：2017-01-03 18:10:48
【问题描述】：

我想创建一个项目列表，其中项目是随机选择的，每个项目都是从不同的组中选择的。我对此很陌生，但这段代码似乎可以做到这一点。

<html>
<body>
<p>Random items from three different groups:</p>
<script type="text/javascript">
<!--
document.write('<ol>');
  // first group
  var first_group = new Array ();
  first_group[0] = "one";
  first_group[1] = "two";
  first_group[2] = "three";
  var i = Math.floor(3*Math.random())
  document.write('<li>' + first_group[i]);
  // second group
  var second_group = new Array ();
  second_group[0] = "three";
  second_group[1] = "four";
  second_group[2] = "five";
  var i = Math.floor(3*Math.random())
  document.write('<li>' + second_group[i]);
  // third group
  var third_group = new Array ();
  third_group[0] = "five";
  third_group[1] = "six";
  third_group[2] = "seven";
  var i = Math.floor(3*Math.random())
  document.write('<li>' + third_group[i]);
document.write('</ol>');
//-->
</script>
</body>
</html>

是否可以修改代码，以便即使相同的项目出现在多个组中，同一项目也不能在最终列表中出现多次？（例如，如果从第一组中选择“三”，则不能从第二组中选择。）是否可以让最终列表以随机顺序排列？也欢迎对其他改进提出任何建议。

【问题讨论】：

stackoverflow.com/questions/20292750/… 还有stackoverflow.com/questions/10688027/…
为所有 3 个结果创建一个数组。在第一个之后做一段时间检查这个新数组是否包含选择的答案，直到它没有你去第三组。
为了您的输出，为什么要设置三个组？您可以将它们组合成一个对象并消除重复项吗？见stackoverflow.com/questions/30025965/….
@Sablefoste 最终代码将用于为学生设置测试。这些小组将帮助确保对材料的均匀覆盖（关于同一主题的问题不要太多）。

标签： javascript html arrays

【解决方案1】：

试试这个：

<html>

<body>
    <p>Random items from three different groups:</p>
    <script type="text/javascript">
        var selectedValues = [];

        function chooseRandom(array) {
            // Select random number until it's a number that wasn't selected yet
            do {
                var random = Math.floor(array.length * Math.random());
                var randomResult = array[random];
            } while (selectedValues.indexOf(randomResult) > -1)

            // Log the selected number so it won't be selected randomly again
            selectedValues.push(randomResult);
            return randomResult;
        }

        document.write('<ol>');
        var first_group = ["one", "two", "three"];
        var second_group = ["three", "four", "five"];
        var third_group = ["five", "six", "seven"];

        document.write('<li>' + chooseRandom(first_group) + '</li>');
        document.write('<li>' + chooseRandom(second_group) + '</li>');
        document.write('<li>' + chooseRandom(third_group) + '</li>');

        // Finalize
        document.write('</ol>');
    </script>
</body>

</html>

【讨论】：

selectedValues 不会超出函数chooseRandom 的范围，除非您在全局范围内定义它？
selectedValues 定义在作用域链层次结构的较高部分，因此可以从函数 chooseRandom 访问

【解决方案2】：

使用自定义 JavaScript 函数将是最好的方法。根据您的示例（您可能必须扩大规模以适应更复杂的生态系统：

<script type="text/javascript">
<!--
var i=j=k=x=0;

var first_group = ["one", "two", "three"]; 
var second_group = ["three", "four", "five"]; 
var third_group = ["five", "six", "seven"]; 

 i = Math.floor(3*Math.random());
 j = Math.floor(3*Math.random());
 k = Math.floor(3*Math.random());

var okayArray=makeNoDup(first_group,i,second_group,j,third_group,k);

document.write('<ol>');
okayArray.forEach(function(e) {
   document.write('<li>' + e[x] + '</li>');
   x++;
}
document.write('</ol>');


function makeNoDup(first,i,second,j,third,k){
  if(first[i] === second[j]){    
     var newj = Math.floor(3*Math.random());
     j= makeNoDup(first, i, second, newj, third, k);
  }
  if(first[i] === third[K]  || second[j] === third[k]){    
     var newK = Math.floor(3*Math.random());
     k= makeNoDup(first, i, second, j, third, newk);
  }
  var answer = {
    first: i,
    second: j,
    third: k
  };
  return (answer);
}
//-->
</script>

关键是递归函数makeNoDup。

【讨论】：