js怎么随机产生四个数

在JavaScript中，随机产生四个数的常见方法有：使用Math.random()函数、使用数组和循环、以及确保产生的四个数互不相同。 下面将详细阐述其中的一个方法。

方法一：使用Math.random()函数

Math.random() 是JavaScript中生成随机数的基础函数，它返回一个介于0（含）到1（不含）之间的伪随机数。通过对这个返回值进行适当的处理，可以生成所需范围内的随机数。下面是一个具体的示例代码，用于生成四个随机数并将其存储在数组中：

function generateRandomNumbers() {
    let randomNumbers = [];
    for (let i = 0; i < 4; i++) {
        let number = Math.floor(Math.random() * 100) + 1; // 生成1到100之间的随机数
        randomNumbers.push(number);
    }
    return randomNumbers;
}
console.log(generateRandomNumbers());

在这个示例中，Math.floor() 和 Math.random() 相结合，确保生成的随机数是整数，并且范围在1到100之间。这种方法的优势在于代码简洁且易于理解，但生成的四个数可能会重复，如何确保生成的四个数互不相同也是我们需要解决的问题。

一、基本随机数生成方法

1、使用Math.random()生成随机数

Math.random() 是JavaScript中生成随机数的基础函数。它返回一个介于0（含）到1（不含）之间的伪随机数。通过对这个返回值进行适当的处理，可以生成所需范围内的随机数。

// 生成四个随机数的函数
function generateRandomNumbers() {
    let randomNumbers = [];
    for (let i = 0; i < 4; i++) {
        let number = Math.floor(Math.random() * 100) + 1; // 生成1到100之间的随机数
        randomNumbers.push(number);
    }
    return randomNumbers;
}
console.log(generateRandomNumbers());

在这个示例中，Math.floor() 和 Math.random() 相结合，确保生成的随机数是整数，并且范围在1到100之间。这种方法的优势在于代码简洁且易于理解，但生成的四个数可能会重复。

2、生成指定范围的随机数

有时我们需要生成特定范围内的随机数。可以通过调整Math.random()的乘积和加数来实现。例如，生成10到50之间的随机数：

function generateRandomNumbersInRange(min, max) {
    let randomNumbers = [];
    for (let i = 0; i < 4; i++) {
        let number = Math.floor(Math.random() * (max - min + 1)) + min;
        randomNumbers.push(number);
    }
    return randomNumbers;
}
console.log(generateRandomNumbersInRange(10, 50));

在这个示例中，Math.floor(Math.random() * (max – min + 1)) + min 确保生成的随机数在指定范围内。

二、确保随机数唯一

1、使用Set数据结构

为了确保生成的四个数互不相同，可以使用Set数据结构。Set是一种类似于数组的集合，具有唯一性，即集合中的每一个值都是唯一的。

function generateUniqueRandomNumbers() {
    let randomNumbers = new Set();
    while (randomNumbers.size < 4) {
        let number = Math.floor(Math.random() * 100) + 1;
        randomNumbers.add(number);
    }
    return Array.from(randomNumbers);
}
console.log(generateUniqueRandomNumbers());

在这个示例中，Set数据结构自动处理了唯一性问题。当集合中的元素数量达到4时，循环停止，然后将Set转换为数组返回。

2、使用数组和包含检查

另一种确保唯一性的方法是使用数组，并在每次生成新随机数时检查它是否已经包含在数组中。如果包含，则重新生成，直到生成一个唯一的数。

function generateUniqueRandomNumbersWithArray() {
    let randomNumbers = [];
    while (randomNumbers.length < 4) {
        let number = Math.floor(Math.random() * 100) + 1;
        if (!randomNumbers.includes(number)) {
            randomNumbers.push(number);
        }
    }
    return randomNumbers;
}
console.log(generateUniqueRandomNumbersWithArray());

在这个示例中，通过检查数组是否包含生成的随机数，确保了每个生成的数都是唯一的。这种方法虽然直观，但在数组较大时可能效率较低。

三、优化生成效率

1、预生成范围数组并随机打乱

预先生成一个包含所需范围内所有数的数组，然后使用Fisher-Yates算法随机打乱数组，最后取前四个数。

function shuffle(array) {
    for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
    }
    return array;
}
function generateUniqueRandomNumbersOptimized() {
    let numbers = Array.from({ length: 100 }, (_, i) => i + 1);
    let shuffledNumbers = shuffle(numbers);
    return shuffledNumbers.slice(0, 4);
}
console.log(generateUniqueRandomNumbersOptimized());

在这个示例中，Fisher-Yates算法确保了打乱数组的高效性，生成的前四个数必然是唯一的。

四、应用场景和实战

1、生成验证码

在许多应用中，验证码是常用的随机数生成应用。生成一个四位数的验证码：

function generateVerificationCode() {
    let code = '';
    for (let i = 0; i < 4; i++) {
        let digit = Math.floor(Math.random() * 10); // 生成0到9之间的随机数
        code += digit.toString();
    }
    return code;
}
console.log(generateVerificationCode());

2、抽奖系统

在抽奖系统中，需要确保每个中奖号码都是唯一的：

function generateLotteryNumbers() {
    let lotteryNumbers = new Set();
    while (lotteryNumbers.size < 4) {
        let number = Math.floor(Math.random() * 100) + 1;
        lotteryNumbers.add(number);
    }
    return Array.from(lotteryNumbers);
}
console.log(generateLotteryNumbers());

3、游戏随机生成

在游戏中，随机生成道具或敌人位置：

function generateRandomPositions() {
    let positions = [];
    for (let i = 0; i < 4; i++) {
        let x = Math.floor(Math.random() * 500); // x坐标
        let y = Math.floor(Math.random() * 500); // y坐标
        positions.push({ x, y });
    }
    return positions;
}
console.log(generateRandomPositions());

五、总结

通过上述方法，您可以在JavaScript中高效、灵活地生成四个随机数。不同的方法适用于不同的场景，从简单的随机数生成到确保唯一性的复杂需求，不同的方法各有优劣。Math.random()函数、Set数据结构、数组包含检查和Fisher-Yates算法是常用的技术，您可以根据具体需求选择适合的方法。

在实际应用中，如验证码生成、抽奖系统和游戏开发等，生成随机数的需求非常普遍。希望本文对您理解和应用JavaScript随机数生成有所帮助。