JS生成唯一id方式之UUID和NanoID的示例分析

這篇文章給大家分享的是有關JS生成唯一id方式之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的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！