JavaScript でアルゴリズムの複雑さを学ぶ方法

JavaScript でアルゴリズムの複雑さを学ぶ方法

概要

この記事では、アルゴリズムの文脈における「二次」や「n log(n)」などの用語の意味について説明します。

次の例では、5 つの要素を含む配列と 50 の要素を含む配列の 2 つを参照します。また、JavaScript の便利なパフォーマンス API を使用して、実行時間の違いを測定します。

定数smArr = [5, 3, 2, 35, 2];

const bigArr = [5, 3, 2, 35, 2, 5, 3, 2, 35, 2, 5, 3, 2, 35, 2, 5, 3, 2, 35, 2, 5, 3, 2, 35, 2, 5, 3, 2, 35, 2, 5, 3, 2, 35, 2, 5, 3, 2, 35, 2, 5, 3, 2, 35, 2];

Big O 表記法とは何ですか?

Big O 表記法は、データ セットのサイズが大きくなるにつれて計算タスクの難易度が全体的に増加することを表現する方法です。他にも表記法はありますが、最悪のシナリオに焦点を当てているため、定量化や検討が容易なビッグ O 表記法が一般的に最もよく使用されます。最悪のシナリオとは、タスクを完了するために最も多くの操作を必要とするシナリオを意味します。1 秒以内にキューブを解くことができたとしても、一度だけひねっただけでは最善の成果とは言えません。

これは、アルゴリズムをさらに深く理解するにつれて非常に役立ちます。コードを書くときにこの関係を理解し​​、どこに費やされているかがわかるからです。

Big O 表記法について詳しく学ぶと、次の図のさまざまなバリエーションがわかるようになります。複雑さはできるだけ低く抑え、できれば O(n) を超えないようにします。

オー(1)

これは理想的な状況であり、プロジェクトの数が 1 つであろうと 100 万であろうと、完了するまでの時間は同じままです。単一の操作を実行するほとんどの操作は O(1) です。配列へのデータの書き込み、特定のインデックスでの項目の取得、子要素の追加などは、配列の長さに関係なく、すべて同じ時間がかかります。

定数 a1 = パフォーマンス.now();
smArr.push(27);
定数 a2 = パフォーマンス.now();
console.log(`Time: ${a2 - a1}`); // 1ミリ秒未満


b1 はパフォーマンスを今維持します。
bigArr.push(27);
定数 b2 = パフォーマンス.now();
console.log(`Time: ${b2 - b1}`); // 1ミリ秒未満

の上)

デフォルトでは、データのサイズと完了までの時間の間には 1 対 1 の関係があるため、すべてのループは線形に増加します。したがって、配列項目が 1,000 個ある場合は、1,000 倍の時間がかかります。

定数 a1 = パフォーマンス.now();
smArr.forEach(item => console.log(item));
定数 a2 = パフォーマンス.now();
console.log(`Time: ${a2 - a1}`); // 3ミリ秒

b1 はパフォーマンスを今維持します。
bigArr.forEach(item => console.log(item));
定数 b2 = パフォーマンス.now();
console.log(`Time: ${b2 - b1}`); // 13ミリ秒

(n^2)

指数関数的成長は私たち全員が陥る罠です。配列内のすべての項目に対して一致するペアを見つける必要がありますか?ループ内にループを配置することは、1,000 個のアイテムの配列を 100 万個の操作検索に変換し、ブラウザーが応答しなくなる優れた方法です。二重にネストされたループを使用して 100 万回の操作を実行するよりも、2 つの別々のループで 2,000 回の操作を実行する方が適切です。

定数 a1 = パフォーマンス.now();
smArr.forEach(() => {
    arr2.forEach(item => console.log(item));
});
定数 a2 = パフォーマンス.now();
console.log(`Time: ${a2 - a1}`); // 8ミリ秒


b1 はパフォーマンスを今維持します。
bigArr.forEach(() => {
    arr2.forEach(item => console.log(item));
});
定数 b2 = パフォーマンス.now();
console.log(`Time: ${b2 - b1}`); // 307 ミリ秒

O(logn) です

対数的増加を最もよく表す比喩は、「記法」のような単語を辞書で調べることを想像することだと思います。用語ごとに検索するのではなく、最初に「N」セクションを見つけ、次に「OPQ」ページを見つけて、一致するものが見つかるまでアルファベット順にリストを検索します。

この「分割統治」アプローチでは、何かを見つけるのにかかる時間は辞書のサイズによって異なりますが、O(n) にはほど遠いです。データの大部分を参照せずに段階的に具体的な部分を検索するため、1,000 個のアイテムを検索する場合は 10 回未満の操作で済み、100 万個のアイテムを検索する場合は 20 回未満の操作で済み、効率が最大限に高まります。

この例では、簡単なクイックソートを実行できます。

定数ソート = arr => {
  (arr.length < 2) の場合は arr を返します。

  ピボットをarr[0]とします。
  左を[]とします。
  右に [] とします。

  (i = 1、total = arr.length、i < total、i++ とします) {
    もしarr[i] < pivot ならば left.push(arr[i]);
    そうでなければ right.push(arr[i]);
  };
  戻る [
    ...ソート(左)、
    ピボット、
    ...並べ替え(右)
  ];
};
sort(smArr); // 0 ミリ秒
sort(bigArr); // 1ミリ秒

の上!)

最悪の可能性は階乗成長です。典型的な例は巡回セールスマン問題です。さまざまな距離の多くの都市間を旅行する場合、すべての都市から出発点に戻る最短ルートをどのように見つけますか?力ずくのアプローチは、各都市間のすべての可能なルート距離をチェックすることですが、これは階乗であり、すぐに手に負えなくなります。

この問題はすぐに非常に複雑になる可能性があるため、短い再帰関数を使用してこの複雑さを示します。この関数は、ある数値をその数値自身で乗算し、その数値から 1 を引きます。階乗の各数値は 0 に達するまでこのように計算され、各再帰層ではその積が元の数値に加算されます。

階乗は、単に 1 から始まってその数まで増加する積です。すると、6! は 1x2x3x4x5x6 = 720 になります。

定数階乗 = n => {
  num = n とします。

  (n === 0)の場合は1を返す
  (i = 0; i < n; i++ とします) {
    num = n * 階乗(n - 1);
  };

  数値を返します。
};
階乗(1); // 2ミリ秒
階乗(5); // 3ミリ秒
階乗(10); // 85ミリ秒
階乗(12); // 11,942ミリ秒

階乗(15)を表示するつもりでしたが、12を超える値が多すぎてページがクラッシュし、これを避ける必要がある理由がわかりました。

結論

パフォーマンスの高いコードを書く必要があるというのは議論の余地のない事実のように思えますが、ほぼすべての開発者が「とにかく機能するから」という理由で、少なくとも二重、あるいは三重にネストされたループを作成したことがあると思います。 Big O 表記法は、これまでにない方法で複雑さを表現し、考えるために不可欠です。

上記は、JavaScript でアルゴリズムの複雑さを学習する方法の詳細です。JS アルゴリズムの複雑さの詳細については、123WORDPRESS.COM の他の関連記事に注目してください。

以下もご興味があるかもしれません:
  • JS を使用してバイナリ ツリー トラバーサル アルゴリズムのサンプル コードを実装する
  • JavaScript を使用してソートアルゴリズムを実装する方法
  • Matlab による JavaScript プログラミング、重心アルゴリズムによる位置決め学習
  • JavaScript 初心者のための二分探索木アルゴリズムのチュートリアル
  • JavaScript で実装された 7 つのソート アルゴリズムの概要 (推奨!)
  • JavaScript でツリー構造を構築するための効率的なアルゴリズムについての簡単な説明
  • jsは赤い封筒の順序と量を指定するアルゴリズムを実装します
  • JavaScript を使用して簡単なアルゴリズムを実行する方法

<<:  8桁の割引コードをランダムに生成し、MySQLデータベースに保存します。

>>:  Windows7 での Mysql5.7 my.ini ファイルの読み込みパスとデータの場所の変更方法

推薦する

js を使用してネットワークカメラを呼び出し、一般的なエラーを処理します

最近、業務上の理由により、Web ページ上のさまざまなネットワーク カメラにアクセスしてデバッグする...

JSのバイナリファミリーについての簡単な説明

目次概要ブロブBlob の動作BLOB ダウンロード ファイルブロブ画像のローカル表示BLOB ファ...

docker compose を使ってワンクリックで分散構成センター Apollo を展開するプロセスの詳細な説明

導入分散について話すときは、分散構成センター、分散ログ、分散リンク トラッキングなどについて考える必...

div タグ内の要素の margin-top が無効である場合の解決策

タイトル通りです。その質問は非常に奇妙です。要素の親タグはdivで、幅や高さなどの属性は設定されてい...

SSHトンネルを使用してMySQLサーバーに接続する方法

序文場合によっては、データベースのイントラネット アドレスしか知らず、イントラネット経由で接続できな...

JavaScriptエンジンV8の実行プロセスの詳細な説明

目次1. V8ソース2. V8サービスターゲット3. V8の初期アーキテクチャIV. V8の初期アー...

MySQL から Excel にテーブルデータをエクスポートする際の日時形式に関する簡単な説明

最近、MySQL を使用してテーブル データを Excel ファイルにエクスポートしました。MySQ...

SQL 文を使用してデータを収集する場合の sum 関数と count 関数の if 判定条件の使用法の説明

まず、例を挙げてみましょう(読みたくない場合は、以下の要約だけ読んでください)。 order_typ...

MySQL 5.7.21 winx64 グリーンバージョンのインストールと設定方法のグラフィックチュートリアル

この記事ではMySQL 5.7.21のインストールと設定方法を記録しています。具体的な内容は以下のと...

データベースミドルウェアMyCatの紹介

1. Mycatの適用シナリオMycat は幅広いシナリオに合わせて開発されており、新しいユーザーが...

フォームの送信イベントが応答しない

1. 問題の説明<br />JS を使用してフォームの送信メソッドを呼び出してフォームを...

Windows 10 に TomCat をインストールするチュートリアル図

WindowsにTomCatをインストールするこの記事では、WindowsプラットフォームにTomC...

解析を実装するためにPostgreSQLデータベースを書き込むSQLスクリプト関数

この記事は主に、PostgreSQL データベースを記述して解析を実装する SQL スクリプト関数を...

MySQL 5.7.17 のインストールと設定のグラフィックチュートリアル

MySQL の機能: MySQL は、スウェーデンの会社 MySQL AB によって開発されたリレー...

MySQLでMyISAMストレージエンジンをInnodbに変更した操作記録のまとめ

一般的に、MySQL はデフォルトでさまざまなストレージ エンジンを提供しており、次のように表示され...