在 Safari 中，我认为 IE7 和 8 Math.random() 也不是随机的？

Question

http://koreanwordgame.com/

该页面首先通过 Ajax 将 4 个单词加载到选项 DIV 中，然后随机化正确答案使用以下函数，传递包含要随机化的元素的 DIV 作为参数：

var random = function(r){
    r.children().sort(function(a,b){
      var temp = parseInt( Math.random()*10 );
      return( temp%2 );
    }).appendTo(r);            
};

random($("#option"));

<div id="option">   
<div class="option" id="option1" style="background-color: rgb(229, 232, 238); ">light</div>
<div class="option" id="option4" style="background-color: rgb(183, 190, 204); ">pot</div>
<div class="option" id="option2" style="background-color: rgb(183, 190, 204); ">garlic press</div>
<div class="option" id="option3" style="background-color: rgb(183, 190, 204); ">habitant</div>
</div>

问题是在 Safari 中，正确答案始终位于顶部位置...

而在 IE 7 和 8 中，它更经常位于顶部位置比 不是。

我知道可以通过使用时间戳或其他东西来使函数“更加随机”，但我正在努力使其正常工作。

Answer 1

问题不在于 Math.random()。这是您的“随机”排序函数，它只返回0或1，而从不返回-1。以下是如何在区间 [-1 中正确生成随机 int。 1]，基于 MDC getRandomInt 函数：（

Math.floor(Math.random() * 3) - 1;

由 getRandomInt(-1, 1) 简化而来）。

---

也就是说，正如@32bitkid评论的那样，正确的方法是使用 Fischer-Yates 洗牌。

Answer 2

您遇到的部分问题是如何使用随机函数。排序函数采用另一个函数，用于比较列表中的任意两个元素。排序函数做出的假设之一是任意两个元素之间的比较结果既稳定又一致（即，如果 a < b 且 b < c，则 a < c），并且您函数违反了该假设。因此，实际上无法保证排序函数在这种情况下会做什么。根据排序函数的实现方式（我不知道 JavaScript 中使用哪种算法），您很可能不会得到真正随机的顺序，其中每个项目同样可能出现在任何给定位置。

我能想到的最简单的解决方案是为要排序的每个项目生成一个随机数，然后按该随机生成的数字对项目进行排序。这与您的方法不同，因为在对项目进行排序时，比较列表中的任何两个元素将始终产生相同的结果。

Answer 3

return( temp%2 ); 只剩下 0 或 1

尝试使用 return( temp%4 ); 这会给你留下 0,1,2,3

虽然我不确定模数是多少对于。
这将为您提供 0 到 3 之间的随机数：

Math.floor(Math.random()*4)

所以您需要做的就是：

var random = function(r){
    r.children().sort(function(a,b){
        return Math.floor(Math.random()*4);
    }).appendTo(r);            
};