亲宝软件园·资讯

展开

前端开发之JS生成32位随机数的方法举例

三掌柜666 人气:0

前言

在前端开发过程中,关于JS逻辑相关的使用相比都不陌生,尤其是在日常开发中使用到的常用的逻辑内容,如倒计时的使用、点击时间放重复点击、生成随机数等等,这些都是非常常用的内容。那么本篇博文就来分享一下关于JS生成32随机数的方法,该知识点是实际开发必备知识点,值得收藏,记录归纳一下,方便后期查阅使用。

随机数概念

随机数是专门的随机试验的结果。在统计学的不同技术中需要使用随机数,比如在从统计总体中抽取有代表性的样本的时候,或者在将实验动物分配到不同的试验组的过程中,或者在进行蒙特卡罗模拟法计算的时候等等。产生随机数有多种不同的方法。这些方法被称为随机数发生器。随机数最重要的特性是:它所产生的后面的那个数与前面的那个数毫无关系。

使用场景

在前端开发中,关于随机数生成的实际业务场景,大概有以下几个方面:在支付的时候需要生成支付流水号(主要是微信支付,一般是32位随机数),在集成一些第三方登录时候需要传递一个32位随机数(如中国移动获取当前手机号的业务场景需要随机数),以及生成uuid或者后台需要的唯一标识(也是32位随机数)。

示例说明

废话不多说,这里直接来分享一下实际生成32位随机数的示例代码,如下所示:

示例一:生成32位随机流水号

    /*默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1*/
    var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
    var maxPo = $chars.length;
    var randomNum = '';
    for (var i = 0; i < 32; i++) {
          randomNum += $chars.charAt(Math.floor(Math.random() * maxPo));
    }
    console.log("randomNum:",randomNum)

或者 生成32位随机流水号(以函数形式来提现,大写字母)

function getRandom() {
 
     var array = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"],
 
    randomNum = "";
    for(var i = 0; i < 32; i++) {
        randomNum += array[parseInt(Math.random() * 36)];
    }
    return randomNum;
}

示例二:传给后台一个随机的唯一标识的参数(32位随机数,小写字母)。

function getNum(){
    var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'];
     var randomNum = "";
     for(var i=0;i<32;i++){
        var id = parseInt(Math.random()*61);
        randomNum += chars[id];
     }
     return randomNum;
}

引申

上面介绍的是比较简单的随机生成32位随机数的方法,那么再来看一下其他方式的生成随机数的方法,具体示例如下所示:

示例一:使用randomString,val表示长度,默认32位

function randomString(val) {
  val = val || 32;
  var chars = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678",
  var maxPo = chars.length,
  randomNum = "";
  for (i = 0; i < val; i++) {
    randomNum += chars.charAt(Math.floor(Math.random() * maxPo));
  }
  return randomNum;
}
alert(randomString(32));

示例二:生成从100000~999999的随机数

function getRandomNum(min, max) {
  var range = max - min;
  var rand = Math.random();
  return(min + Math.round(rand * range));
}
var num = getRandomNum(10000, 999999);
alert(num);

示例三:对已经定义过的数组字符集合进行随机选取

var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
 
function generateMixed(num) {
   var result = "";
   for(var i = 0; i < num ; i ++) {
     var id = Math.ceil(Math.random()*32);
     result += chars[id];
   }
   return result;
}
 
alert(generateMixed(8));

示例四:生成随机数之后转换成36进制,再进行截取

//如Math.random() 生成随机数字, eg: 0.123456789,又如.toString(36) 转化成36进制 : "0.4fzyo82mvyr”,再如.slice(-8); 截取最后八位 : "yo82mvyr"。

var str = Math.random().toString(36).slice(-7);
 
alert(str);

示例五:把字符串集合随机排序,随机输出指定的长度

function randomString(num) {
  var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
  var result = '';
  for (var i = num; i > 0; --i) {
    result += str[Math.floor(Math.random() * str.num)];
  }
  return result;
}
 
alert(randomString(7));

拓展

一般情况下,在前端开发中需要生成的都是32位随机数,但是也不排除其他的需求,如6位随机数也有需求,具体的随机生成6位数的操作如下所示:

    <!-- 生成六位随机数 -->
    <script type="text/javascript">
        var number = '';
        for(var i = 0;i<6;i++) {
            number += Math.floor(Math.random()*10);
        }
        console.log(number);
    </script>

最后

通过本文关于前端开发中JS生成32随机数的使用总结的介绍,如果认真阅读并且实践示例,尤其是从事前端开发不久的开发者来说尤为重要,是一篇值得阅读的文章,且在实际开发中也是必用知识点,所以说这个知识点是必备的,重要性就不在赘述。欢迎关注,一起交流,共同进步。

加载全部内容

相关教程
猜你喜欢
用户评论