前端生成随机字符串

最新推荐文章于 2024-12-03 21:38:49 发布

原创最新推荐文章于 2024-12-03 21:38:49 发布 · 1.6k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#前端

基础知识专栏收录该内容

5 篇文章

订阅专栏

这篇博客介绍了如何在前端生成符合特定规则的随机字符串，例如UUID。提供的代码示例能够在用户点击按钮时生成新的随机字符串，字符串由特定字符集构成，并在特定位置插入'-'。此功能适用于需要唯一标识的场景。

前端生成随机字符串

当我们需要一组无序编码时，又不想自己手打，又想符合一个特定标准时，就需要以下这个随机字符串生成的代码
以下是生成的几组随机字符串

286e93d8-ec8b-49e9-9e0b-56b0851c8c5c
6ec0519a-9387-4472-93f0-52a8e9eff625
33ea6a84-a251-4c90-82d2-0552e262b839
a883d8ad-db75-4fa7-81f8-f9b0521bb2cb

加入到按钮里就可以实现点击一下换一组随机数，如下所示
在这里插入图片描述
此处可以不让用户修改，只能让其点生成，生成符合规则的随机字符串
生成随机字符串的代码如下

	  var s = [];
      var hexDigits = "0123456789abcdef";
      for (var i = 0; i < 36; i++) {
        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
      }
      s[14] = "4";
      s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
      s[8] = s[13] = s[18] = s[23] = "-";
      this.uuidA = s.join("");