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

时间:2023-02-03 三掌柜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随机数的使用总结的介绍，如果认真阅读并且实践示例，尤其是从事前端开发不久的开发者来说尤为重要，是一篇值得阅读的文章，且在实际开发中也是必用知识点，所以说这个知识点是必备的，重要性就不在赘述。欢迎关注，一起交流，共同进步。

加载全部内容