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


Posted in Javascript onMay 25, 2018

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

前言

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

方法一

奇妙的写法

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

输出结果

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

解释

很有意思,研究了一下,基本上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)

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

Javascript 相关文章推荐
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
Apr 14 Javascript
js的写法基础分析
Jan 17 Javascript
js中opener与parent的区别详细解析
Jan 14 Javascript
js获取内联样式的方法
Jan 27 Javascript
Html5+jQuery+CSS制作相册小记录
Dec 30 Javascript
原生JS京东轮播图代码
Mar 22 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
vue实现带过渡效果的下拉菜单功能
Feb 19 Javascript
浅析JavaScript预编译和暗示全局变量
Sep 03 Javascript
el-form 多层级表单的实现示例
Sep 10 Javascript
使用Vant完成Dialog弹框案例
Nov 11 Javascript
Webpack中雪碧图插件使用详解
May 25 #Javascript
使用javascript做在线算法编程
May 25 #Javascript
JS实现的汉字与Unicode码相互转化功能分析
May 25 #Javascript
浅析node.js的模块加载机制
May 25 #Javascript
webpack4的迁移的使用方法
May 25 #Javascript
最后说说Vue2 SSR 的 Cookies 问题
May 25 #Javascript
详解webpack4多入口、多页面项目构建案例
May 25 #Javascript
You might like
基于文本的留言簿
2006/10/09 PHP
PHP版微信公众平台红包API
2015/04/02 PHP
php实现用已经过去多长时间的方式显示时间
2015/06/05 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
PHP7 新增常量
2021/03/09 PHP
老鱼 浅谈javascript面向对象编程
2010/03/04 Javascript
jquery与google map api结合使用 控件,监听器
2010/03/04 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
2014/12/29 Javascript
JavaScript日期时间与时间戳的转换函数分享
2015/01/31 Javascript
Jquery实现的简单轮播效果【附实例】
2016/04/19 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
使用开源工具制作网页验证码的方法
2016/10/17 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
2017/04/07 Javascript
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
JavaScript实用代码小技巧
2018/08/23 Javascript
在vue中使用SockJS实现webSocket通信的过程
2018/08/29 Javascript
Layui实现带查询条件的分页
2019/07/27 Javascript
layui禁用侧边导航栏点击事件的解决方法
2019/09/25 Javascript
Vue 解决路由过渡动画抖动问题(实例详解)
2020/01/05 Javascript
[38:51]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-CDEC
2014/05/22 DOTA
搭建Python的Django框架环境并建立和运行第一个App的教程
2016/07/02 Python
python opencv之SURF算法示例
2018/02/24 Python
python psutil模块使用方法解析
2019/08/01 Python
python解析yaml文件过程详解
2019/08/30 Python
ubuntu上安装python的实例方法
2019/09/30 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
python文件路径操作方法总结
2020/12/21 Python
CSS3提交意见输入框样式代码
2014/10/30 HTML / CSS
请问如下代码执行后a和b的值分别是什么
2016/05/05 面试题
非常详细的C#面试题集
2016/07/13 面试题
大学生专业个人学习的自我评价
2013/10/26 职场文书
车间工艺员岗位职责
2013/12/09 职场文书
被告答辩状范文
2015/05/22 职场文书
开票证明
2015/06/23 职场文书
历史名人教你十五个读书方法,赶快Get起来!
2019/07/18 职场文书