耀极客论坛

 找回密码
 立即注册
查看: 754|回复: 0

JS生成唯一id方式之UUID和NanoID

[复制链接]

193

主题

176

帖子

276

积分

中级会员

Rank: 3Rank: 3

积分
276
发表于 2022-5-9 00:49:00 | 显示全部楼层 |阅读模式
  这篇文章主要介绍了JS生成唯一id方式之UUID和NanoID,唯一id有了更好的方式,那就是NanoID,今天这篇文章记录一下NanoID 正在取代 UUID?及js 生成uuid及NanoID的方法,下面来看文章的详细介绍
  前言:

  唯一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 种不同的编程语言,它们分别是:
  1. 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的

  方法一:
  1. function guid() {
  2.     return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
  3.         var r = Math.random() * 16 | 0,
  4.             v = c == 'x' ? r : (r & 0x3 | 0x8);
  5.         return v.toString(16);
  6.     });
  7. }
  8. guid() // "a1ca0f7b-51bd-4bf3-a5d5-6a74f6adc1c7"
复制代码
  方法二:
  1. var _S4 = function() {
  2.   return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
  3. }
  4. // 获取广告请求唯一ID 方式是当前时间戳+13位随机吗
  5. export function GetsingleId() {
  6.   var _res = (_S4() + _S4() + '-' + _S4() + '-' + _S4() + '-' + _S4() + '-' + _S4() + _S4() + _S4())
  7.   return '_' + config.version + '_' + _res
  8. }
复制代码
  方法三:
  1. function uuid() {
  2.     var s = [];
  3.     var hexDigits = "0123456789abcdef";
  4.     for (var i = 0; i ‹ 36; i++) {
  5.         s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
  6.     }
  7.     s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
  8.     s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
  9.     s[8] = s[13] = s[18] = s[23] = "-";
  10.     var uuid = s.join("");
  11.     return uuid;
  12. }
  13. uuid() // "ffb7cefd-02cb-4853-8238-c0292cf988d5"
复制代码
三、NanoID的方式
  1. import { nanoid } from 'nanoid'
  2. let  idA = nanoid() //=> "V1StGXR8_Z5jdHi6B-myT"
  3. //也可以指定生成字符串的长度
  4. let  idB = nanoid(5)
复制代码
  主要可以通过npm包的形式安装,核心代码如下:
  1. let urlAlphabet =
  2.   'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict'
  3. let nanoid = (size = 21) => {
  4.   let id = ''
  5.   // A compact alternative for `for (var i = 0; i ‹ step; i++)`.
  6.   let i = size
  7.   while (i--) {
  8.     // `| 0` is more compact and faster than `Math.floor()`.
  9.     id += urlAlphabet[(Math.random() * 64) | 0]
  10.   }
  11.   return id
  12. }
复制代码
  到此这篇关于JS生成唯一id方式之UUID和NanoID的文章就介绍到这了,更多相关JS生成唯一id方式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|耀极客论坛 ( 粤ICP备2022052845号-2 )|网站地图

GMT+8, 2022-12-10 03:39 , Processed in 0.068895 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表