在前端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循環的條件,生成任意位數的隨機數

国产视频app(3)、如果js生成的隨機數中,不想出現數字0或不以數字0開頭,可參考下面的示例

2、js 生成一個四位的隨機數

国产视频app(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中生成隨機數與隨機字符串的方法