• 技术文章 >web前端 >js教程

    javascript中如何生成随机数

    清浅清浅2019-02-18 09:16:21原创12492
    在JavaScript中可以通过Math.random()函数来生成0~1的随机数,也可以通过设置函数的值使其生成任意范围的随机数或者是各不相同的随机数

    在JavaScript中可以通过Math.random()函数产生一个0~1之间的随机数,但是这往往满足不了我们平时的需求。但是我们可以通过其他方法来使其产生我们想要的随机数。今天将为大家分享的是通过Math.random()函数产生随机数,具有一定的参考作用,希望对大家有所帮助。

    【推荐课程:JavaScript教程JavaScript教程手册

    随机数生成

    在JavaScript中通过以下语句可生成0~1的随机数:

    Math.round(Math.random());

    如果我们想设置在指定范围里的随机数也可通过以上的函数生成

    例:生成8~100之间的随机数

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
    </head>
    <body>
    <script>
    var num=Math.floor(Math.random()*100+8);
    document.write(num);
    </script>
    </head>
    <body>
    </body>
    </html>

    效果图:

    GIF.gif

    如果你想生成10到100范围的话只需要将后面的数字8改为10就可以了,通过上述方法我们就可以实现自定义范围内随机数的产生了

    生成不重复的随机数

    有时可以通过特定的方法来产生随机数但是它们之间不会重复,如下所示

    <script>
    // 定义存放生成随机数的数组 
    var array=new Array(); 
    // 循环N次生成随机数 
    for(var i = 0 ; ; i++){ 
    // 只生成10个随机数 
    if(array.length<10){ 
    generateRandom(10); 
    }else{ 
    break; 
    } 
    } 
    // 循环遍历随机数数组 
    for(var i = 0 ; i < array.length; i++){ 
    document.write(array[i]); 
    } 
    // 生成随机数的方法 
    function generateRandom(count){ 
    var rand = parseInt(Math.random()*count); 
    for(var i = 0 ; i < array.length; i++){ 
    if(array[i] == rand){ 
    return false; 
    } 
    } 
    array.push(rand); 
    } 
    </script>

    效果图:

    GIF.gif

    通过上图我们可以看出每次生成的是个随机数都各不相同

    总结:以上就是本篇文章的全部内容了,希望通过这篇文章可以帮助大家学会生成随机数的方法。

    以上就是javascript中如何生成随机数的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:随机数
    上一篇:forEach方法怎么使用 下一篇:sign函数怎么使用
    大前端线上培训班

    相关文章推荐

    • JS生成某个范围的随机数【四种情况详解】_javascript技巧• javascript产生随机数方法汇总_javascript技巧• JS中生成随机数的用法及相关函数_javascript技巧

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网