如何用JS实现UUID和NanoID生成唯一ID的算法？

本文共计844个文字，预计阅读时间需要4分钟。

目录

一、为什么选择NanoID

二、如何使用js生成NanoID

三、NanoID的生成方式

前言：唯一id有了更好的方式，那就是NanoID。今天这篇文章将记录一下NanoID的生成，以及如何用js代替UUID生成uuid和NanoID。

一、为什么选择NanoID唯一id有了更好的方式，那就是NanoID。

二、如何使用js生成NanoID

1.正确获取代UUID

2.js生成uuid

3.js生成NanoID

三、NanoID的生成方式

1.使用NanoID库

2.手动生成NanoID

目录

• 一、为什么 NanoID 正在取代 UUID
• 二、js如何生成
• 三、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 种不同的编程语言，它们分别是：

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的方式

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 }

到此这篇关于JS生成唯一id方式之UUID和NanoID的文章就介绍到这了,更多相关JS生成唯一id方式内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！