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

推薦する

MySQL でスロークエリログを有効にする方法

1.1 はじめにスロークエリログを有効にすると、MySQL は指定された時間を超えるクエリステートメ...

mysqlreplicate を使って MySQL マスタースレーブを素早く構築する方法

導入mysql-utilities ツールセットは、DBA のツールボックスとも言えるさまざまなツー...

SQL ROW_NUMBER() および OVER() メソッドのケーススタディ

構文フォーマット: row_number() over(partition by grouping ...

Docker コンテナにおける Patroni の簡単な分析

目次イメージの作成ファイル構造Dockerファイルエントリポイント関数ファイルを生成するイメージを構...

CSS のフローティング サンプル コードをクリアする方法

概要この記事のフレームワーク図は次のとおりです。 1. フローティングとは一体何でしょうか? W3s...

MySQL PXC クラスターの構築方法

目次1. PXCの紹介1.1 PXC の紹介1.2 PXC の特徴と利点1.3 PXCの限界と欠点1...

MySQL 5.7 のパフォーマンスと sys スキーマの監視パラメータの説明 (推奨)

1. パフォーマンス スキーマ: はじめにMySQL 5.7 では、多数の新しい監視項目の導入、ス...

MySQL innodb B+ツリーの高さを取得する方法

序文MySQL の InnoDB エンジンがインデックスの保存に B+tree を使用する理由は、デ...

CSS でフロートをクリアするための完全ガイド (要約)

1. 親divは疑似クラスafterとzoomを定義します <スタイル タイプ="...

Linux で NFS ファイル共有サーバーを構築するための詳細な手順

Linux が NFS サーバーを構築異なるオペレーティング システム間でデータを共有するために、通...

Vue ディレクティブ v-html と v-text

目次1. v-text テキストレンダリング命令2. v-html 1. v-text テキストレン...

DOM操作テーブルの例(DOMはテーブルを作成します)

1. HTML タグを使用してテーブルを作成します。コードをコピーコードは次のとおりです。 <...

Vue.js パフォーマンス最適化 N 個のヒント (収集する価値あり)

目次機能コンポーネント子コンポーネントの分割ローカル変数v-show によるDOMの再利用キープアラ...

CSS3 変換遷移ジッター問題の解決

transform: scale(); スケーリングするとIEブラウザでジッターが発生します変換スケ...

node.jsのコアモジュールとは

目次グローバルオブジェクトグローバルオブジェクトとグローバル変数プロセスコンソール一般的なツールユー...