JavaScript遍历时Math.random()返回值总相同，解决方法是什么

在JavaScript开发过程中，不少开发者都遇到过这样的困惑：在遍历操作里使用 Math.random() 生成随机数，结果每次返回的值都是一样的，这显然违背了随机数的特性。那么，这种情况该如何解决呢？

我们要了解为什么会出现这样的问题。在JavaScript中，Math.random() 函数会返回一个介于0（包括）和1（不包括）之间的伪随机浮点数。当在循环遍历中调用它时，如果没有正确处理，可能会因为代码执行速度过快，导致随机数生成器的种子在短时间内没有足够的变化，从而产生相同的随机数序列。

一个常见的错误示例是在循环外部初始化一个变量来存储 Math.random() 的结果，然后在循环中使用这个变量，而不是每次在循环内重新调用 Math.random()。比如：

let randomValue = Math.random();
for (let i = 0; i < 5; i++) {
    console.log(randomValue);
}

在这个例子中，由于 randomValue 只在循环外被赋值一次，所以循环中的输出都是相同的随机数。

正确的做法是在每次循环迭代中都重新调用 Math.random()，以确保每次都能得到一个新的随机数。修改后的代码如下：

for (let i = 0; i < 5; i++) {
    let randomValue = Math.random();
    console.log(randomValue);
}

这样，每次循环都会重新生成一个不同的随机数。

另外，如果需要生成特定范围内的随机整数，可以使用以下方法：

function getRandomInt(min, max) {
    min = Math.ceil(min);
    max = Math.floor(max);
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

for (let i = 0; i < 5; i++) {
    let randomInt = getRandomInt(1, 10);
    console.log(randomInt);
}

通过上述方法，在遍历过程中就能正确地获取到不同的随机数了，满足我们对随机数生成的需求。无论是简单的小数随机数，还是特定范围内的整数随机数，都能轻松实现。在实际项目中，遇到类似问题时，按照这些方法来调整代码，就能解决 Math.random() 返回值总相同的困扰。