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 初心者ノート(初心者は必ず読んでください)

推薦する

Webサービスのリモートデバッグとタイムアウト動作原理の分析

Webサービスのリモートデバッグ.NET では、WEBSERVICE のリモート デバッグ機能はデフ...

docker で zabbix_agent をデプロイする方法

zabbix_agent のデプロイメント:推奨事項: zabbix_agent は docker-...

Windows Server 2012 リモート デスクトップ ライセンス サーバーがライセンスを提供できず、リモート セッションが切断される

本日、会社の内部サーバーにログインしたところ、リモートアクセスができませんでした。エラー メッセージ...

ミニプログラムカスタムコンポーネントの非効率的なグローバルスタイルの解決策

目次長すぎて読めないコンポーネントスタイルの分離デモテスト優先度ページの分離構成参考文献ネイティブ ...

Centos8 は kdc 暗号化に基づいて nfs を構築します

目次構成nfs サーバー (nfs.skills.com) nfs クライアント (client.s...

vue構成ファイルはルーティングとメニューインスタンスコードを自動的に生成します

目次前面に書かれたルータ.jsonルート生成メニュー生成効果要約する前面に書かれたルートを繰り返し記...

Mysql マスタースレーブ同期構成の実践の詳細な説明

1. はじめに以前、「MySQL マスター スレーブ同期の原理」という記事を書きました。この記事を読...

JavaScript スロットリングとアンチシェイクに関する簡単な説明

目次スロットルと手ぶれ防止コンセプト:違いスロットリングの実装スロットル機能手ぶれ補正の実装手ぶれ防...

tomcat+nginx を使用してマルチアプリケーション デプロイメントを実装するためのサンプル コード

目次マルチアプリケーションの展開1-Tomcat 構成1.1- プロジェクト構成1.2-サービス構成...

Windows 10 Home Edition に Docker for Windows をインストールする

0. 背景ハードウェア: Xiaomi Notebook Air 13/Inter Core i7-...

CSS 兄弟要素フローティング分析の概要

float:左/右/なし; 1. 同じレベルフローティング(1)ブロックレベル要素を同じ行に表示する...

更新とデータ整合性処理のためのMySQLトランザクション選択の説明

MySQL のトランザクションはデフォルトで自動的にコミットされます (autocommit = 1...

Html、sHtml、XHtml の違いのまとめ

たとえば、<u>には終了文字がなく、ブラウザはそれを認識します。 SHTML は Ser...

Mysql GTID Mha 設定方法

Gtid + Mha + Binlog サーバー構成: 1: テスト環境OS: CentOS 6.5...

VMware Workstationはデバイス/資格情報ガードと互換性がありません

仮想マシンをインストールするときに、「VMware ワークステーションはデバイス/資格情報ガードと互...