JS 产生随机数的几个用法详解

在前端开发中，生成随机数是常见的需求。在 JavaScript 中，我们有很多不同的方式来生成随机数，接下来将详细介绍常见的几种方式。

1. Math.random()方法

Math.random() 方法是 JavaScript 中生成伪随机数的默认方法。可以使用以下代码来生成 0 至 1 之间的随机小数。

const randomNum = Math.random();
console.log(randomNum); // 0.3816937904566245

如果需要生成区间内的随机整数，可以借助简单数学运算来得到结果：

// 生成 1 至 10 之间的整数
const randomInt = Math.floor(Math.random() * 10) + 1;
console.log(randomInt); // 5

以上代码中，Math.floor() 方法取整得到区间内的随机整数，而 * 10 是为了将生成的小数尺度放大十倍，使得可以取到 0 至 9 的整数，最后再加上 1，以得到 1 至 10 的整数。

2. Date.now() 方法

Date.now() 方法返回自 1970 年 1 月 1 日 00:00:00 UTC 经过的毫秒数。可以使用以下代码对生成数进行时间戳运算，来实现在不同时间调用时生成不同的伪随机数。

const randomNum = Date.now() % 100;
console.log(randomNum); // 26

执行结果中得到的数值为当前时间戳的最后两位数字。

3. Crypto.getRandomValues 方法

通过 Crypto 接口调用 Crypto.getRandomValues() 方法可以生成高质量、低伪随机度的随机数。以下是一个简单的使用示例：

const arr = new Uint8Array(1);
window.crypto.getRandomValues(arr);
console.log(arr[0]); // 120

• 首先使用 Uint8Array 构造器来创建一个只包含一个元素的数组；

• 然后使用 window.crypto.getRandomValues() 方法对数组进行赋值，该方法接受一个参数，即要赋值的数组；

• 最后使用数组来存储随机整数，数组中的元素对应于区间内的整数值。

结论

以上是JavaScript中产生随机数的三种常见方法，分别是：Math.random()，Date.now()，Crypto.getRandomValues()。如果需要生成区间内的随机数，可以配合使用一些数学函数来满足需求。