js生成随机数方法和实例

在前端开发中，经常需要使用到随机数。例如，当需要生成一个验证码或者随机选取一组数据时，就需要使用随机数。在本文中，我们将介绍 JavaScript 中几种常见的生成随机数的方法，并提供相应的示例代码。

Math.random() 方法

Math.random() 是 JavaScript 提供的一个内置函数，可用于生成一个从 0 到 1 的随机数。该函数返回一个大于等于 0 且小于 1 的浮点数。可以通过乘以一个指定的数值并对其进行四舍五入来生成一个整数。

以下是使用 Math.random() 方法生成一个 1 到 10 的随机数的代码示例：

const randomNum = Math.floor(Math.random() * 10) + 1;
console.log(randomNum);

上述代码中，Math.random() 方法返回一个 0 到 1 的浮点数，乘以 10 后得到一个 0 到 10 的浮点数，再使用 Math.floor() 方法将其向下取整，得到一个 0 到 9 的整数。由于取整后的范围不包括 10，因此需要再加 1，最终得到一个 1 到 10 的随机整数。

Crypto.getRandomValues() 方法

Crypto.getRandomValues() 是 Web Cryptography API 提供的一个方法，可用于生成高质量的随机数。与 Math.random() 不同，Crypto.getRandomValues() 可以生成更加安全的随机数，因为它使用了真正的随机源。

以下是使用 Crypto.getRandomValues() 方法生成一个 1 到 10 的随机数的代码示例：

const array = new Uint32Array(1);
window.crypto.getRandomValues(array);
const randomNum = array[0] % 10 + 1;
console.log(randomNum);

上述代码中，我们创建了一个包含一个元素的无符号 32 位整数数组，并将其传递给 Crypto.getRandomValues() 方法。该方法会返回一个包含随机值的数组。由于得到的值大于等于 0 且小于 2^32，因此使用取模运算将其范围缩小到 0 到 9，再加 1 得到 1 到 10 的随机整数。

Date.now() 方法

Date.now() 方法可以用于获取当前时间戳，可以通过对当前时间戳进行一些处理来生成一个随机数。例如，可以将时间戳转换成字符串并取其中一部分，或者使用 Math.floor() 将时间戳除以一个较大的数以减小范围，再加上一个偏移量来得到一个随机数。

以下是使用 Date.now() 方法生成一个 1 到 10 的随机数的代码示例：

const randomNum = Math.floor((Date.now() % 100000) / 10000) + 1;
console.log(randomNum);

上述代码中，我们获取当前时间戳并将其除以 10000，得到一个较小的数。再使用 Math.floor() 进行取整后，范围变为 0 到 9。由于取整后的范围不包括 10，因此需要再加 1，最终得到一个 1 到 10 的随机整数。

总结

以上是 JavaScript 中常用的几种生成随机数的方法。Math.random() 方法简单易用，但结果不如 Crypto.getRandomValues() 安全。Crypto.getRandomValues() 可以生成更加安全的随机数，但需要注意兼容性问题。Date.now() 方法可以用于生成较短范围内的随机数，但不能保证安全性。

在实际开发中，需要根据具体需求选择合适的方法来生成随机数，以确保应用

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/1100