之前项目需要生成随机数来做验证码和邀请码，每次都是匆忙的写了一下，今天这篇文章就来总结下7种JavaScript生成随机数的方法。直接收藏，下次可直接使用。

1. 生成随机浮点数

JavaScript 提供了内置的 Math.random() 方法，用于生成一个 [0, 1) 范围内的随机浮点数。

示例：

const randomFloat = Math.random();
console.log(randomFloat); // 输出：0 到 1 之间的随机浮点数（不包括1）

分析：

Math.random() 生成一个 [0, 1) 范围内的随机浮点数。
每次调用都会返回一个新的随机值。

2. 生成随机整数

如果需要生成一个指定范围内的随机整数，可以通过 Math.random() 结合 Math.floor() 或 Math.ceil() 来实现。

生成指定范围内的随机整数

function getRandomInt(min, max) {
    min = Math.ceil(min);  // 向上取整
    max = Math.floor(max); // 向下取整
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

console.log(getRandomInt(1, 10)); // 输出：1 到 10 之间的随机整数

分析：

Math.random() * (max - min + 1) 生成一个 [0, max - min + 1) 范围内的随机浮点数。
Math.floor() 将其转换为整数。
加上 min，确保结果在 [min, max] 范围内。

3. 生成随机布尔值

可以通过随机数生成一个随机布尔值（true 或 false）。

示例：

function getRandomBoolean() {
    return Math.random() < 0.5;
}

console.log(getRandomBoolean()); // 输出：true 或 false

分析：

Math.random() < 0.5 的结果是一个布尔值，概率为 50%。

4. 生成随机数组元素

如果需要从数组中随机选择一个元素，可以结合随机整数生成器实现。

示例：

function getRandomElement(arr) {
    const randomIndex = Math.floor(Math.random() * arr.length);
    return arr[randomIndex];
}

const fruits = ["apple", "banana", "cherry", "date"];
console.log(getRandomElement(fruits)); // 输出：随机选择一个水果

分析：

Math.random() * arr.length 生成一个 [0, arr.length) 范围内的随机浮点数。
Math.floor() 将其转换为数组的有效索引。

5. 生成随机字符串

如果需要生成一个随机字符串，可以通过随机选择字符来实现。

示例：

function getRandomString(length) {
    const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
    let result = "";
    for (let i = 0; i < length; i++) {
        const randomIndex = Math.floor(Math.random() * characters.length);
        result += characters[randomIndex];
    }
    return result;
}

console.log(getRandomString(10)); // 输出：随机生成的10位字符串

分析：

定义一个字符集（characters），包含所有可能的字符。
每次随机选择一个字符，直到达到指定长度。

6. 生成随机颜色

可以通过随机生成 RGB 值来生成一个随机颜色。

示例：

function getRandomColor() {
    const red = Math.floor(Math.random() * 256); // 0 到 255
    const green = Math.floor(Math.random() * 256);
    const blue = Math.floor(Math.random() * 256);
    return `rgb(${red}, ${green}, ${blue})`;
}

console.log(getRandomColor()); // 输出：随机颜色，例如 "rgb(123, 45, 67)"

分析：

每个颜色通道（红、绿、蓝）的值范围是 [0, 255]。
使用 Math.random() 和 Math.floor() 生成随机值。

7. 使用 crypto.getRandomValues 生成更安全的随机数

对于需要更高随机性和安全性的场景（如密码学应用），可以使用 crypto.getRandomValues 方法。

示例：

function getRandomIntSecure(min, max) {
    min = Math.ceil(min);
    max = Math.floor(max);
    const range = max - min + 1;

    // 创建一个足够大的 Uint32Array
    const array = new Uint32Array(Math.ceil(Math.log2(range) / 32));
    crypto.getRandomValues(array);

    // 生成随机数
    let randomValue = 0;
    for (let i = 0; i < array.length; i++) {
        randomValue = (randomValue << 32) | array[i];
    }

    return min + randomValue % range;
}

console.log(getRandomIntSecure(1, 10)); // 输出：1 到 10 之间的随机整数

分析：

crypto.getRandomValues 提供了更安全的随机数生成。
适用于需要高安全性的场景，如生成随机密码或加密密钥。

总结

JavaScript 提供了多种生成随机数的方法，适用于不同的需求：

**Math.random()**：生成 [0, 1) 范围内的随机浮点数。
**Math.floor() 或 Math.ceil()**：生成指定范围内的随机整数。
**crypto.getRandomValues**：生成更安全的随机数，适用于密码学场景。

创作不易，如果这篇文章对你有用，欢迎点赞关注加评论哦

小伙伴们在工作中还遇到过其他应用场景吗，欢迎评论区留言讨论哦。

王剑编程网

分享专业编程知识与实战技巧

7种JavaScript 生成随机数的方法，你用过哪种?...