JSはUUIDとNanoIDというユニークなIDメソッドを生成します

JSはUUIDとNanoIDというユニークなIDメソッドを生成します

序文:

ユニークな ID を持つには、 NanoIDというより良い方法があります。今日の記事では、 NanoIDが UUID に取って代わるということが記録されています。そして、uuid と NanoID を生成する js メソッド。

1. NanoIDがUUIDに取って代わる理由

1. より安全 ほとんどの乱数ジェネレーターでは、安全でないMath.random()が使用されます。ただし、NanoID はcryptoモジュールと Web Crypto APIを使用しているため、NanoID はより安全です。 さらに、NanoID は、 random % alphabetを使用する代わりに、ID ジェネレーターの実装で統合アルゴリズムと呼ばれる独自のアルゴリズムを使用します。

2. 高速かつコンパクトです。NanoID 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. 互換性

また、 PouchDBCouchDB WebWorkersRollupReactReach-Nativeなどのライブラリもサポートしています。 npx nanoidを使用してターミナルで一意の ID を取得できます。

2. jsを生成する方法

jsを使ってどのように生成されるか見てみましょう

まず、これまでどのようにuuidを生成したかについて話しましょう。

方法1:

関数guid() {
    'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'を返します。/[xy]/g、関数(c) {
        var r = Math.random() * 16 | 0,
            v = c == 'x' ? r : (r & 0x3 | 0x8);
        v.toString(16) を返します。
    });
}
guid() // "a1ca0f7b-51bd-4bf3-a5d5-6a74f6adc1c7"


方法2:

var _S4 = 関数() {
  (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1) を返します。
}

// 広告リクエストの一意の ID を取得します。現在のタイムスタンプ + 13 桁のランダムな数字ですか? export function GetsingleId() {
  var _res = (_S4() + _S4() + '-' + _S4() + '-' + _S4() + '-' + _S4() + '-' + _S4() + _S4() + _S4())
  '_' + config.version + '_' + _res を返します
}


方法3:

関数uuid() {
    var s = [];
    var hexDigits = "0123456789abcdef";
    (var i = 0; i < 36; i++) の場合 {
        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
    }
    s[14] = "4"; // time_hi_and_versionフィールドのビット12-15を0010にする
    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // clock_seq_hi_and_reservedのビット6-7を01にする
    s[8] = s[13] = s[18] = s[23] = "-";

    var uuid = s.join("");
    uuid を返します。
}
uuid() // "ffb7cefd-02cb-4853-8238-c0292cf988d5"


3. ナノID方式

'nanoid' から {nanoid } をインポートします
idA = nanoid() とします //=> "V1StGXR8_Z5jdHi6B-myT"
//生成される文字列の長さも指定できます。let idB = nanoid(5)


主にnpmパッケージの形でインストールできます。コアコードは次のとおりです。

urlAlphabet = とします
  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict' について

ナノイド = (サイズ = 21) => {
  id = ''とする
  // `for (var i = 0; i < step; i++)` のコンパクトな代替。
  i = サイズとする
  (i--) {
    // `| 0` は `Math.floor()` よりもコンパクトで高速です。
    id += urlアルファベット[(Math.random() * 64) | 0]
  }
  戻りID
}

JS でユニーク ID を生成する方法である UUID と NanoID についての説明はこれで終わりです。JS でユニーク ID を生成する方法の詳細については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • 2行のJavascriptコードでUUIDを生成する方法
  • JSは[jQueryに基づいて]クリックしてUUIDを生成する方法の完全な例を実装します
  • JSを使用してUUIDを生成する方法の例
  • グローバルに一意な識別子 (GUID、UUID) を生成する Javascript メソッド

<<:  速度、読み込み、Web アプリケーションなどにおける div と table の違い。

>>:  htm 初心者ノート(初心者は必ず読んでください)

推薦する

Vueプラグインの詳しい説明

要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS....

nginx 設定ファイルパスとリソースファイルパスを表示する方法

nginx 設定ファイルのパスを表示する nginx -t 経由nginx -t コマンドの本来の機...

div画像マーキーシームレス接続実装コード

コードをコピーコードは次のとおりです。 <html> <ヘッド> <ス...

MySQL でファイルデータをインポートする際の 1290 エラーの解決方法

エラーシナリオcmd の mysql コマンドを使用して、学生情報テーブルにデータを追加します。デー...

Vue を通じて QR コードスキャン機能を実装する

ヒントこのプラグインは https プロトコルでのみアクセスできます。http プロトコルはうまく機...

MySQLデータベースのパスワードを忘れた場合の解決策

先ほど MySQL パスワードを設定したのに、外食したり荷物を受け取ったりするときにパスワードを忘れ...

複数のドメイン名に対する Nginx リバース プロキシを使用した HTTP および HTTPS サービスの実装

現在、Nginx は、Web サービスを提供するために、Windows ベースの IIS と Lin...

MySQLフィールド定義でnullを使用しない理由の分析

NULL が頻繁に使用されるのはなぜですか? (1)Javaのnull Java の NullPoi...

jsでライトスイッチの効果を実現

この記事の例では、ライトスイッチ効果を実現するためのjsの具体的なコードを参考までに共有しています。...

長いデータを HTML で表示するときに処理する方法

HTML で長いデータを表示する場合、マウスをその上に移動するとデータを切り捨てて完全なデータを表示...

Vue ページ スタック マネージャーの詳細

目次2. 試した方法2.1 キープアライブ2.2 ネストされたルートを持つ CSS 3. 機能説明4...

画像を読み込むための JavaScript キャンバス

この記事では、画像を読み込むためのJavaScriptキャンバスの具体的なコードを参考までに紹介しま...

Vueでaxiosをカプセル化する方法

目次1. インストール1. はじめに3. インターフェースルートアドレス4. 使用例4.1 ダウンロ...

IDEA を使用して Tomcat を設定し、JSP ファイルを作成する方法

idea を使用して JSP ファイルを書き込む前に、jdk 環境 (ここでは説明しません) と対応...

Linuxはlsof/extundeleteツールを使用して、誤って削除されたファイルやディレクトリを復元します。

序文Linux には Windows のような目立つごみ箱がないため、簡単に復元することはできません...