有没有办法从Javascript中的N个对象中随机选择一个？

Question

我们谈论的是 CSS 和 Javascript。

我希望 10 个 CSS div（一个黄色方块、一个绿色方块和一个红色方块...）在 1-3 秒的时间段后随机出现在屏幕上。

问题：

• 从 10 个（通常为 N 个）对象中选择一个随机出现： 我必须在 Math.random() 方法的基础上使用 if 在 0 和 0,1 之间选择第一个对象，如果在 0,1 和 0,2 之间选择第二个对象等。 , 还是有更可扩展的方式？

编辑：似乎我以错误的方式传达了问题。我知道 Math.random() 是一个可扩展的解决方案，但要写 如果这不是 10（或 N）次不是。那么我如何让计算机从 10 个（或 N 个）元素中取出一个。我从 dystroy 得到了最好的答案 - 获取一个数组并将其随机播放，然后获取第一个元素。谢谢！

Answer 1

Date.now() % 10。将 10 替换为 div 的数量。 now 函数提供纪元毫秒数。

请注意，在生成的数字序列通过随机性统计测试（至少与专用生成器处于同一级别）的意义上，此解决方案不会产生 真正 随机选择。但是，出于实际目的，它就足够了（意思是除非您每隔几毫秒调用一次now 和/或将对now 的调用计时到计时器；我认为这两者都不可能以可靠的方式进行)。

Answer 2

Math.random 是完全可扩展的。 :-)

var index = Math.floor(Math.random() * 10);

...将为您提供从0 到9 的索引。 一般公式为：

value = Math.floor(Math.random() * (max - min)) + min;

...要获得min <= value < max 范围内的值，但是当min 是0 时（就像从典型数组中选择事物时一样），显然我们可以稍微简化一下。

Answer 3

这应该对您有所帮助。 注意：Math.random 有时可能会得到 0.0071 或 0.071 等，这意味着小数点后有多个 0，因此更安全的是 10000。

function getRandomNumber(curNumber) {
    var limit = 10;
    var minDecConv = 10000;
    var randomNumberWithinLimit = (Math.random() * minDecConv) % limit;
    if(randomNumberWithinLimit == curNumber) {
        return getRandomNumber(curNumber);
    }
    else {
        return randomNumberWithinLimit; //for better understanding, you can return directly
    }

}

var curNumber = 0;
var randomNo = getRandomNumber(curNumber);