js生成随机id

转载：JS生成唯一id方式介绍（UUID和NanoID） - 曲琦 - 博客园

前言

唯一的前端在代码中生成id一般采用方法uuid最近唯一的方法id有一个更好的方法，那就是NanoID，今天的文章被记录下来NanoID 正在取代 UUID？及js 生成uuid及NanoID的方法。

为什么 NanoID 正在取代 UUID

1、更安全

它们在大多数随机生成器中使用不安全 Math.random()。但是，NanoID 使用 crypto module 和 Web Crypto API，意味着 NanoID 更安全。 此外，NanoID 在 ID 在实现生成器的过程中使用了自己的算法，称为 统一算法而不是随机 % 字母表” random % alphabet。

2、 它既快又紧凑 NanoID 比 UUID 快 60%。与 UUID 字母表中的 36 不同的字符，NanoID 只有 21 个字符。

此外，NanoID 支持 14 它们是：

C#、C 、Clojure 和 ClojureScript、Crystal、Dart & Flutter、Deno、Go、Elixir、Haskell、Janet、Java、Nim、Perl、PHP、带字典的 Python、Ruby、Rust、Swift

3、兼容性

它还支持 PouchDB、CouchDB WebWorkers、Rollup 以及 React 和 Reach-Native 等库。 我们可以用 npx nanoid 唯一的终端 ID。

js如何生成

让我们看看他们是如何工作的js生成的

首先，我们以前是如何生成的uuid的

方法一：

function guid() {     return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {         var r = Math.random() * 16 | 0,             v = c == 'x' ? r : (r & 0x3 | 0x8);         return v.toString(16);     }); } guid() // "a1ca0f7b-51bd-4bf3-a5d5-6a74f6adc1c7"

方法二：

var _S4 = function() {   return (((1   Math.random()) * 0x10000) | 0).toString(16).substring(1) }  // 获取广告请求是唯一的ID 方法是当前时间戳 13位随机吗 export function GetsingleId() {   var _res = (_S4()   _S4()   '-'   _S4()   '-'   _S4()   '-'   _S4()   '-'   _S4()   _S4()   _S4())   return '_'   config.version   '_'   _res }

方法三：

function uuid() {     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"; // bits 12-15 of the time_hi_and_version field to 0010     s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01     s[8] = s[13] = s[18] = s[23] = "-";      var uuid = s.join("");     return uuid; } uuid() // "ffb7cefd-02cb-4853-8238-c0292cf988d5"

NanoID的方式

可以通过npm核心代码如下：

import { nanoid } from 'nanoid' let  idA = nanoid() //=> "V1StGXR8_Z5jdHi6B-myT" ///也可以指定生成字符串的长度 let  idB = nanoid(5)   let urlAlphabet =   'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict'  let nanoid = (size = 21) => {   let id = ''   // A compact alternative for `for (var i = 0; i < step; i  )`.   let i = size   while (i--) {     // `| 0` is more compact and faster than `Math.floor()`.     id  = urlAlphabet[(Math.random() * 64) | 0]   }   return id }