JS简单生成由字母数字组合随机字符串示例

 更新时间:2018年05月25日 14:33:56   作者:Tobinary  
这篇文章主要介绍了JS简单生成由字母数字组合随机字符串,结合实例形式分析了javascript使用Math.random()生成随机字符串相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS简单生成由字母数字组合随机字符串。分享给大家供大家参考,具体如下:

前言

最近有个需求,是需要生成3-32位长度的字母数字组合的随机字符串,另一个是生成43位随机字符串。

方法一

奇妙的写法

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

输出结果

解释

很有意思,研究了一下,基本上toString后的参数规定可以是2-36之间的任意整数,不写的话默认是10(也就是十进制),此时返回的值就是那个随机数。

若是偶数,返回的数值字符串都是短的,若是奇数,则返回的将是一个很大长度的表示值。
若<10 则都是数字组成,>10 才会包含字母。

所以如果想得到一长串的随机字符,则需使用一个 > 10 且是奇数的参数,另外根据长度自行使用slice(2,n)截取!

方法二

这个倒是有很多的实现方法,由于上一种写法不太符合需求所以写了下一种,欢迎拍砖。

代码

/*
** randomWord 产生任意长度随机字母数字组合
** randomFlag-是否任意长度 min-任意长度最小位[固定位数] max-任意长度最大位
** xuanfeng 2014-08-28
*/
function randomWord(randomFlag, min, max){
  var str = "",
    range = min,
    arr = ['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'];
  // 随机产生
  if(randomFlag){
    range = Math.round(Math.random() * (max-min)) + min;
  }
  for(var i=0; i<range; i++){
    pos = Math.round(Math.random() * (arr.length-1));
    str += arr[pos];
  }
  return str;
}

使用方法

生成3-32位随机串:randomWord(true, 3, 32)
生成43位随机串:randomWord(false, 43)

PS:这里再为大家提供两款相关在线工具供大家参考使用:

在线随机数字/字符串生成工具:
http://tools.jb51.net/aideddesign/suijishu

在线随机字符/随机密码生成工具:
http://tools.jb51.net/aideddesign/rnd_password

在线随机数生成工具:
http://tools.jb51.net/aideddesign/rnd_num

在线随机数/随机密码批量生成工具:
http://tools.jb51.net/aideddesign/rnd_pwd_tool

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • js实现简单的贪吃蛇游戏

    js实现简单的贪吃蛇游戏

    这篇文章主要为大家详细介绍了js实现简单的贪吃蛇游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04
  • JS中图片缓冲loading技术的实例代码

    JS中图片缓冲loading技术的实例代码

    这篇文章介绍了JS中图片缓冲loading技术的实例代码,有需要的朋友可以参考一下
    2013-08-08
  • JavaScript判断变量名是否存在数组中的实例

    JavaScript判断变量名是否存在数组中的实例

    下面小编就为大家分享一篇JavaScript判断变量名是否存在数组中的实例,具有很的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • JS实现从顶部下拉显示的带动画QQ客服特效代码

    JS实现从顶部下拉显示的带动画QQ客服特效代码

    这篇文章主要介绍了JS实现从顶部下拉显示的带动画QQ客服特效代码,可实现弹性缓冲效果的弹出QQ客服窗口的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • JavaScript实现购物车基本功能

    JavaScript实现购物车基本功能

    这篇文章主要为大家详细介绍了JavaScript实现购物车的基本功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • js文本框走动跑马灯效果代码分享

    js文本框走动跑马灯效果代码分享

    这篇文章主要介绍了js文本框跑马灯效果,功能实现非常简单,推荐给大家,有需要的小伙伴可以参考下。
    2015-08-08
  • 原生js实现类似fullpage的单页/全屏滚动

    原生js实现类似fullpage的单页/全屏滚动

    这篇文章主要介绍了利用原生js实现类似fullpage的全屏滚动的实现方法,文中给出了完整的实例代码,相信对大家的理解和学习具有一定的参考价值,需要的朋友们可以参考借鉴,下面来一起看看吧。
    2017-01-01
  • webpack模块化的原理解析

    webpack模块化的原理解析

    webpack 中实现模块化的核心就是 __webpack_require__ 函数,无论是commonjs模块化还是es 模块都是通过该函数来导入的,这篇文章主要介绍了webpack模块化的原理,需要的朋友可以参考下
    2023-02-02
  • JavaScript异步编程:异步数据收集的具体方法

    JavaScript异步编程:异步数据收集的具体方法

    我们先尝试在不借助任何工具函数的情况下来解决这个问题。笔者能想到的最简单的方法是:因前一个readFile的回调运行下一个readFile,同时跟踪记录迄今已触发的回调次数,并最终显示输出。下面是笔者的实现结果。
    2013-08-08
  • 基于layui实现高级搜索(筛选)功能

    基于layui实现高级搜索(筛选)功能

    这篇文章主要为大家详细介绍了基于layui实现高级搜索、筛选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07

最新评论