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);
String(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++) {
字符串长度jss[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的⽅式
import { nanoid } from 'nanoid'
let  idA = nanoid() //=> "V1StGXR8_Z5jdHi6B-myT"
//也可以指定⽣成字符串的长度
let  idB = nanoid(5)
主要可以通过npm包的形式安装，核⼼代码如下：
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
}
转载⾃：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。