在前端web中,可以利用 js 脚本生成一个指定位数或是指定范围内的随机数。当然,实现的方法是有很多种的,下面就来介绍几个常用的 js 生成随机数的方法

js 生成指定位数的随机数

1、js 生成一个三位的随机数

js代码:

<script>
    var num = '';
    for (var i = 0; i < 3; i++) {
        num += Math.floor(Math.random() * 10);
    }
    console.log(num);
</script>

注意:

(1)、以上js生成的随机数,有可能以 0 开头,比如 057 023 005 等

(2)、可以通过修改for循环的条件,生成任意位数的随机数

(3)、如果js生成的随机数中,不想出现数字0或不以数字0开头,可参考下面的示例

2、js 生成一个四位的随机数

(1)、JS生成的随机数中,排除数字0

<script>
    var num = '';
    for (var i = 0; i < 4; i++) {
        num += Math.floor(Math.random() * 9 + 1);
    }
    console.log(num);
</script>

(2)、js生成一个不以数字0开头的随机数

<script>
    var num = '';
    for (var i = 0; i < 4; i++) {
        if(i == 0){
            num += Math.floor(Math.random() * 9 + 1);
        }else{
            num += Math.floor(Math.random() * 10);
        }
    }
    console.log(num);
</script>

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

1、js 生成0 - 9 之间的随机数

JS代码:

<script>
    var num = Math.floor(Math.random() * 10);
    console.log(num);
</script>

2、js 生成 1 - 10 之间的随机数

js代码:

<script>
    var num =  Math.floor(Math.random() * 10 + 1);
    console.log(num);
</script>

3、js 生成 n - m 之间的随机数

自定义函数:

<script>
    function randomNum(minNum, maxNum) {
        switch (arguments.length) {
            case 1:
                return parseInt(Math.random() * minNum + 1);
                break;
            case 2:
                return parseInt(Math.random() * (maxNum - minNum + 1) + minNum);
                break;
            default:
                return 0;
                break;
        }
    }
</script>

函数调用:

<script>
    var num = randomNum(70, 80);
    console.log(num);
</script>

扩展阅读:

js生成随机数的方法

JS中生成随机数与随机字符串的方法