js生成多位随机数的方法

在前端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生成随机数的方法 https://www.feiniaomy.com/post/398.html
JS中生成随机数与随机字符串的方法 https://www.feiniaomy.com/post/180.html

  • 4
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值