JavaScript实现随机产生字符串的方法分享

 更新时间:2022年11月29日 10:54:46   作者:KjPrime  
这篇文章主要为大家详细介绍了JavaScript中实现随机产生字符串的方法,文中的示例代码简洁易懂,对我们学习JavaScript有一定的帮助,需要的可以参考一下

这个东西就是随机产生字符串的函数。

参数,代码里面有解释。

用途:当作产生随机密码来看使用吧,或者nodejs后端存储数据库的主键来使用吧。

/**
 * 这个是一个随机产生字符串的函数
 * @param {object} cfg 参数
    cfg = {
        split:  '',                 // 分割字符 
        splitNum: 0,                // 分隔个数
        num: 16,                    // 产生随机字符个数 默认16
        char: 'dAa',                // d数字 A大写的字符 a小写的字符  默认dAa
        append: '@*!+-=*&[()`?.]',  // 添加的其他额外字符,支持数组[]和字符串 默认@*!+-=*&[()`?.
        ignore: '',                 // 可以忽略的字符,支持数组[]和字符串 优先级最高 
    }
 * @returns 返回随机字符串
 */
const rand_str = (cfg) => {
    if(cfg === undefined) cfg = {}
    const getValue = (s, d) => {
        if([undefined, null].includes(s)) return d
        else return s
    }
    cfg = {
        split:  getValue(cfg.split, ''),    // 分割字符 
        splitNum: parseInt(cfg.splitNum) || 0,   // 分隔个数
        num: parseInt(cfg.num) || 16,             // 字符个数 默认16
        char: getValue(cfg.char, 'dAa') ,        // d数字 A大写的字符 a小写的字符
        append: getValue(cfg.append, '@*!+-=*&[()`?.') , // 支持数组[]和字符串 一般指特殊字符@*!+-=*&[()`?.
        ignore: getValue(cfg.ignore, '')                       // 支持数组[]和字符串 优先级最高 
    }
    // console.log(cfg)
    let set = new Set()
    const getChars = (str) => {
        for(const s of str) set.add(s)
    }
    // 1、先取出append特殊字符的编码
    getChars(cfg.append)
    // 2、获取char中的字符集
    const number = "0123456789"
    const bigChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
    const smallChars = "abcdefghijklmnopqrstuvwxyz"
    for(const s of cfg.char) {
        if(s === 'd') getChars(number)
        else if (s === 'A') getChars(bigChars)
        else if (s === 'a') getChars(smallChars)
        // 其他的字符 自动忽略
    }
    // 3. 排除ignore忽略的元素
    for(const s of cfg.ignore) set.delete(s)
    // 4. 生成数组
    const arr = Array.from(set)
    // console.log(arr)
    // 5. 打乱集合 
    const swap = (firstIndex, secondIdex) => {
        const t = arr[firstIndex]
        arr[firstIndex] = arr[secondIdex]
        arr[secondIdex] = t
    }
    const size = arr.length
    for(let i = 0; i < cfg.num; i++) swap(Math.floor(Math.random() * size), Math.floor(Math.random() * size))
    // 6、生成随机字符串
    let re = ""
    for(let i = 0; i < cfg.num; i++) {
        if(i % cfg.splitNum === 0 && i !== 0) re += cfg.split
        re += arr[Math.floor(Math.random() * size)]
    }
    return re
}




/**
 * 测试
 */
for(let i = 1; i< 10; i++) console.log(rand_str())
console.log('----------------------------')
const config = {
    split:  '',                 // 分割字符 
    splitNum: 0,                // 分隔个数
    num: 20,                    // 产生随机字符个数 默认16
    char: 'Aa',                // d数字 A大写的字符 a小写的字符  默认dAa
    append: '@*!+-=*&[()`?.]',  // 添加的其他额外字符,支持数组[]和字符串 默认@*!+-=*&[()`?.
    ignore: '@*!+-=*&[()`?.]',  // 可以忽略的字符,支持数组[]和字符串 优先级最高 
}
for(let i = 1; i< 10; i++) console.log(rand_str(config))

知识点补充

math.random()

math.random()方法返回一个伪随机浮点数,结果区间为[0, 1),在区间内近似均匀分布,可以使用别的方法缩放到所需的范围。它实现了选择初始值的随机数生成算法;使用者无法主动选择值或进行重置。

Math.random();
// 0.21446359414239313

Math.random 会提供给我们一个[0,1)之间的随机数,但是如果我们要[1,10]范围随机整数的话,可以使用以下三个函数:

  • math.round() 四舍五入
  • math.ceil() 向上取整
  • math.floor() 向下取整
Math.ceil(Math.random() * 10);
// 7

快速生成随机字符串

利用 toString,hex 代表进制,最大不能超过 36,36 = 10 + 26 个英文字母 hex 越大,字母占比越多

Math.random().toString(36).slice(2);

注意:

  • 该方式无法保证字符串长度一致
  • 当 Math.random()的结果是有限长度小数时,比如 0.5,0.55,会导致得到的结果不符合预期

测试

// 十万次
var a = Array.from(new Array(100000).keys());
var b = a.map((i) => Math.random().toString(36).slice(2));
new Set(Object.values(b.map((i) => i.length)));
// Set(8) {10, 11, 9, 12, 8, 13, 14, 7}

可以自己试一下,每次运行的结果可能是不同的,其原因是 Math.random()生成的数字保留的小数长度本身是不固定的

// 百万次
var a = Array.from(new Array(1000000).keys());
new Set(Object.values(a.map((i) => (Math.random() + "").length)));
// Set(14) {19, 18, 17, 20, 16, 21, 22, 15, 14, 13, 23, 11, 24, 12}

快速生成固定长度的随机字符串

/**
 * 生成指定长度的字符串
 * @param {Number} hex 代表进制,取值范围[2 - 36],最大不能超过 36, 数字越大字母占比越高,小于11为全数字
 * @param {Number} len 字符串长度
 */
function generateStr(hex, len) {
  if (hex < 2 || hex > 36) {
    throw new RangeError("hex argument must be between 2 and 36");
  }

  var res = Math.random().toString(hex).slice(2);
  var resLen = res.length;

  while (resLen < len) {
    res += Math.random().toString(hex).slice(2);
    resLen = res.length;
  }
  return res.substr(0, len);
}

测试

// 执行十万次,可以在50ms左右稳定获取长度为10的随机字符串
console.time("exec");
var a = Array.from(new Array(100000).keys());
console.log(new Set(a.map((i) => generateStr(22, 10).length)));
console.timeEnd("exec");
// Set(1) {10}
// exec: 49.966064453125 ms

到此这篇关于JavaScript实现随机产生字符串的方法分享的文章就介绍到这了,更多相关JavaScript随机产生字符串内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS设计模式之单例模式(一)

    JS设计模式之单例模式(一)

    这篇文章主要为大家详细介绍了JS设计模式之单例模式的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • 关于自定义Egg.js的请求级别日志详解

    关于自定义Egg.js的请求级别日志详解

    这篇文章主要给大家介绍了关于自定义Egg.js的请求级别日志的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-12-12
  • Layui动态生成select下拉选择框不显示的解决方法

    Layui动态生成select下拉选择框不显示的解决方法

    今天小编就为大家分享一篇Layui动态生成select下拉选择框不显示的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript中实现new的两种方式引发的探究

    JavaScript中实现new的两种方式引发的探究

    众所周知JS中new的作用是通过构造函数来创建一个实例对象,这篇文章主要给大家介绍了关于JavaScript中实现new的两种方式引发的相关资料,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • javascript 中String.match()与RegExp.exec()的区别说明

    javascript 中String.match()与RegExp.exec()的区别说明

    最近看了javascript权威指南 里面的正则部分,match和exec方法有一些相同点和不同点,在这里写一下加深一下印象
    2013-01-01
  • Angular 服务器端渲染缓存功能问题

    Angular 服务器端渲染缓存功能问题

    这篇文章主要介绍了Angular服务器端渲染缓存功能问题,内存缓存可用于应用程序本身的渲染页面和API请求。 两种使用场合都通过开发包@ngx-ssr或cache提供
    2022-06-06
  • JS实现打砖块游戏

    JS实现打砖块游戏

    这篇文章主要为大家详细介绍了JS实现打砖块游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • JS this关键字在ajax中使用出现问题解决方案

    JS this关键字在ajax中使用出现问题解决方案

    这篇文章主要介绍了JS this关键字在ajax中使用出现问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • JavaScript实现自动生成带水印的图片

    JavaScript实现自动生成带水印的图片

    这篇文章主要来和大家一起讨论如何利用JavaScript实现一个复杂功能,该功能可以自动为图片添加水印,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-01-01
  • js图片闪动特效可以控制间隔时间如几分钟闪动一下

    js图片闪动特效可以控制间隔时间如几分钟闪动一下

    这篇文章主要介绍一个图片闪动特效,可以控制间隔时间如几分钟闪动一下,需要的朋友不要错过
    2014-08-08

最新评论