我想要一个5个字符的字符串，由从集合[a-zA-Z0-9]中随机选取的字符组成。
用JavaScript实现这一点的最佳方法是什么？
当前回答
这是firefoxchrome代码（插件等）
它可以节省你几个小时的研究时间。
function randomBytes( amount )
{
let bytes = Cc[ '@mozilla.org/security/random-generator;1' ]
.getService ( Ci.nsIRandomGenerator )
.generateRandomBytes( amount, '' )
return bytes.reduce( bytes2Number )
function bytes2Number( previousValue, currentValue, index, array )
{
return Math.pow( 256, index ) * currentValue + previousValue
}
}
将其用作：
let strlen = 5
, radix = 36
, filename = randomBytes( strlen ).toString( radix ).splice( - strlen )
其他回答
回顾
许多答案基于技巧Math.random（）.toString（36），但这种方法的问题是Math.randum并不总是产生以36为基数至少有5个字符的数字。
让testRnd=n=>console.log（`num dec:${n}，num base36:${n.toString（36）}，string：${n.toString（36，substr（2，5）}`）；[Math.random（），//并且远小于0.5。。。0.5,0.50077160493827161,0.5015432098765432,0.5023148148148148,0.5030864197530864,//还有更多。。。。0.9799597050754459].map（n=>测试Rnd（n））；console.log（'…等等'）；以下每个示例（第一个除外）的数字结果少于5个字符（不符合OP问题要求）
这里是“生成器”，允许手动查找这些数字
函数base36Todec（十六进制）{hex=十六进制拆分（/\./）；return（parseInt（hex[1]，36））*（36**-hex[1].length）++（parseInt（hex[0]，36）；}函数calc（十六进制）{设dec=base36Todec（十六进制）；msg.innerHTML=`dec:<b>${dec}</b><br>十六进制测试：<b>${dec.toString（36）}</b>`} 函数calc2（dec）{msg2.innerHTML=`dec:<b>${dec}</b><br>十六进制测试：<b>${（+dec）.toString（36）}</b>`} 让init=“0.za1”；inp.value=init；calc（初始化）；键入0-1范围内的数字，使用基数36（0-9，a-z），点后少于5位<br><input-oninput=“calc（this.value）”id=“inp”/><div id=“msg”></div><br>如果上面的<i>十六进制测试</i>在点后给出的数字多于5，那么您可以尝试将dec数字复制到下面的字段，并将一些数字连接到dec数字右侧和/或更改最后一个数字-它有时也会产生数字较少的十六进制<br><input-oninput=“calc2（this.value）”/><br><div id=“msg2”></div>
我已经在这里给出了答案，所以我不会在这里提出另一个解决方案
这是我的方法（使用TypeScript）。
我决定写另一个响应，因为我没有看到任何使用现代js和干净代码的简单解决方案。
const DEFAULT_ALPHABET = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
function getRandomCharFromAlphabet(alphabet: string): string {
return alphabet.charAt(Math.floor(Math.random() * alphabet.length));
}
function generateId(idDesiredLength: number, alphabet = DEFAULT_ALPHABET): string {
/**
* Create n-long array and map it to random chars from given alphabet.
* Then join individual chars as string
*/
return Array.from({length: idDesiredLength}).map(() => {
return getRandomCharFromAlphabet(alphabet);
}).join('');
}
generateId(5); // jNVv7
试试这个，我每次都用的：
函数myFunction（）{var hash=“abcdefghijklmnopqrstuvxyzABCDEFGHIJKLMNOPQRSTUVWXYZ012346789”；var random8=“”；对于（变量i=0；i<5；i++）{random8+=哈希[parseInt（Math.random（）*hash.length）]；}控制台日志（random8）；document.getElementById（“demo”）.innerHTML=“您的5个字符串==>”+random8；} <!DOCTYPE html><html><body><p>单击按钮生成5个字符的随机字符串</p＞<button onclick=“myFunction（）”>单击我</button><p id=“demo”></p></body></html>
Math.random不适合这种情况
服务器端
使用节点加密模块-
var crypto = require("crypto");
var id = crypto.randomBytes(20).toString('hex');
// "bb5dc8842ca31d4603d6aa11448d1654"
生成的字符串将是您生成的随机字节的两倍长；编码为十六进制的每个字节是2个字符。20字节将是40个十六进制字符。
客户端
使用浏览器的加密模块crypto.getRandomValues-
通过crypto.getRandomValues（）方法，可以获得加密的强随机值。作为参数给出的数组用随机数填充（在其密码意义上是随机的）。
//dec2hex：：整数->字符串//即0-255->“00”-“f”功能dec2hex（dec）{return dec.toString（16）.padStart（2，“0”）}//generateId:：整数->字符串函数生成器ID（len）{var arr=新Uint8Array（（len||40）/2）window.crypto.getRandomValues（arr）return Array.from（arr，dec2hex）.join（“”）}console.log（generateId（））//“82defcf324571e70b0521d79cce2bf3ffccd69”console.log（generateId（20））//“c1a050a4cd1556948d41”
分步控制台示例-
> var arr = new Uint8Array(4) # make array of 4 bytes (values 0-255)
> arr
Uint8Array(4) [ 0, 0, 0, 0 ]
> window.crypto
Crypto { subtle: SubtleCrypto }
> window.crypto.getRandomValues()
TypeError: Crypto.getRandomValues requires at least 1 argument, but only 0 were passed
> window.crypto.getRandomValues(arr)
Uint8Array(4) [ 235, 229, 94, 228 ]
对于IE11支持，您可以使用-
(window.crypto || window.msCrypto).getRandomValues(arr)
有关浏览器覆盖范围，请参阅https://caniuse.com/#feat=getrandomvalues
客户端（旧浏览器）
如果您必须支持旧浏览器，请考虑像uuid这样的东西-
const uuid = require("uuid");
const id = uuid.v4();
// "110ec58a-a0f2-4ac4-8393-c866d813b8d1"
如果任何人对一个一次性分配内存的单行程序（虽然为了方便起见，没有格式化为这样）感兴趣（但请注意，对于小字符串，这实际上无关紧要），下面是如何做到的：
Array.apply(0, Array(5)).map(function() {
return (function(charset){
return charset.charAt(Math.floor(Math.random() * charset.length))
}('ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'));
}).join('')
您可以用所需字符串的长度替换5。感谢@AriyaHidayat在本文中提供的解决方案，该解决方案解决了array（5）创建的稀疏数组上的map函数不工作的问题。
推荐文章
- Babel 6改变了它导出默认值的方式
- 如何配置历史记录?
- ES6模板文字可以在运行时被替换(或重用)吗?
- [Vue警告]:找不到元素
- 可以在setInterval()内部调用clearInterval()吗?
- AngularJS控制器的生命周期是什么?
- 无法读取未定义的属性“msie”- jQuery工具
- 我的蛋蛋怎么不见了?
- Printf与std::字符串?
- JavaScript中的排列?
- JavaScript中有睡眠/暂停/等待功能吗?
- 如何在Ruby中生成a和b之间的随机数?
- 不区分大小写的“in”
- 如何禁用文本选择使用jQuery?
- 我如何得到一个字符串的前n个字符而不检查大小或出界?
