javascript创建含数字字母的随机字符串方法总结

 更新时间:2016年08月01日 15:06:31   投稿:daisy  
如果想创建一个含有数字、字母(大小写)或者符号的字符串,比如从[a-zA-Z0-9]集合中中创建一个随机的字符串,长度为5.有没有什么比较好的代码呢?本文提供了几种方法,包括自动改变字符集合。一起来学习下。

第一种:

//code from http://caibaojian.com/js-random-string.html
function makeid()
{
  var text = "";
  var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

  for( var i=0; i < 5; i++ )
    text += possible.charAt(Math.floor(Math.random() * possible.length));

  return text;
}

第二种:不需要输入字符集合

function randomstring(L){
  var s= '';
  var randomchar=function(){
   var n= Math.floor(Math.random()*62);
   if(n<10) return n; //1-10
   if(n<36) return String.fromCharCode(n+55); //A-Z
   return String.fromCharCode(n+61); //a-z
  }
  while(s.length< L) s+= randomchar();
  return s;
}

alert(randomstring(5))

第三种:支持自定义字符长度和特征字符集合

function randomString(len, charSet) {
  charSet = charSet || 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  var randomString = '';
  for (var i = 0; i < len; i++) {
   var randomPoz = Math.floor(Math.random() * charSet.length);
   randomString += charSet.substring(randomPoz,randomPoz+1);
  }
  return randomString;
}

Call with default charset [a-zA-Z0-9] or send in your own:

var randomValue = randomString(5);

var randomValue = randomString(5, 'PICKCHARSFROMTHISSET');

演示截图

以上就是javascript创建含数字字母的随机字符串的三种方法总结,有需要的可以参考学习。

相关文章

  • JavaScript深入理解节流与防抖

    JavaScript深入理解节流与防抖

    防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死,下面这篇文章主要给大家介绍了关于JavaScript防抖与节流的实现与注意事项,需要的朋友可以参考下
    2022-04-04
  • 小程序实现短信登录倒计时

    小程序实现短信登录倒计时

    这篇文章主要为大家详细介绍了小程序实现短信登录倒计时,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • javaScript之split与join的区别(详解)

    javaScript之split与join的区别(详解)

    下面小编就为大家带来一篇javaScript之split与join的区别(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • javascript一些实用技巧小结

    javascript一些实用技巧小结

    javascript一些实用技巧小结,学习js的朋友可以看下。
    2011-03-03
  • layui内置模块layim发送图片添加加载动画的方法

    layui内置模块layim发送图片添加加载动画的方法

    今天小编就为大家分享一篇layui内置模块layim发送图片添加加载动画的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 8种js前端常见跨域解决方案

    8种js前端常见跨域解决方案

    这篇文章主要为大家详细介绍了在前端开发中,常见的跨域解决方案,文中的示例代码讲解详细,具有一定的参考价值,有需要的小伙伴可以了解下
    2023-09-09
  • 表格展示利器 Bootstrap Table实例代码

    表格展示利器 Bootstrap Table实例代码

    在表格导出数据中,发现设置了分页参数,导出的数据仅为表格加载的分页参数数据,于是,针对这样的情况,通过设置分页参数的值,使表格可以加载更多的数据,可达到导出所有数据的功能需求。下面通过本文给大家分享表格展示利器 Bootstrap Table
    2017-09-09
  • js+html实现点名系统功能

    js+html实现点名系统功能

    这篇文章主要为大家详细介绍了js+html实现点名系统功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • IE浏览器打印的页眉页脚设置解决方法

    IE浏览器打印的页眉页脚设置解决方法

    IE浏览器打印的页眉页脚设置解决方法
    2009-12-12
  • JavaScript中this的用法及this在不同应用场景的作用解析

    JavaScript中this的用法及this在不同应用场景的作用解析

    由于其运行期绑定的特性,JavaScript 中的 this 含义要丰富得多,它可以是全局对象、当前对象或者任意对象,这完全取决于函数的调用方式,这篇文章主要给大家介绍了JavaScript中this的用法及this在不同应用场景的作用解析,一起看看吧
    2017-04-04

最新评论