ホームページ ウェブフロントエンド jsチュートリアル Javascript を使用したアルゴリズムの旅 - 挿入ソート

Javascript を使用したアルゴリズムの旅 - 挿入ソート

Oct 13, 2024 am 06:23 AM

삽입 정렬이란 무엇입니까?

삽입 정렬은 컴퓨터 과학의 또 다른 기본 정렬 알고리즘입니다. 한 번에 한 항목씩 최종 정렬된 배열을 작성합니다. 이는 카드 패를 정렬하는 것과 매우 유사합니다. 카드를 하나씩 집어 이미 정렬한 카드 중에서 올바른 위치에 각 카드를 삽입합니다.

삽입 정렬의 작동 방식

삽입 정렬은 배열을 반복하면서 각 반복마다 정렬된 부분을 늘립니다. 각 요소에 대해 이미 정렬된 요소와 비교하여 현재 요소를 삽입할 올바른 위치를 찾을 때까지 위로 이동합니다.

다음은 단계별 분석입니다.

  1. 두 번째 요소(색인 1)를 "현재" 요소로 시작합니다.
  2. 현재 요소와 이전 요소를 비교하세요.
  3. 현재 요소가 더 작다면 이전 요소와 비교하세요. 더 큰 요소를 위로 이동하여 교체된 요소를 위한 공간을 만드세요.
  4. 전체 배열이 정렬될 때까지 2~3단계를 반복하세요.

삽입정렬의 시각화:

A Voyage through Algorithms using Javascript - Insertion Sort

https://visualgo.net/en/sorting에서 녹화한 gif

JavaScript에서 삽입 정렬 구현

각 부분을 설명하는 자세한 설명과 함께 JavaScript의 삽입 정렬 구현을 살펴보겠습니다.

function insertionSort(arr) {
  // Start from the second element (index 1)
  // We assume the first element is already sorted
  for (let i = 1; i < arr.length; i++) {
    // Store the current element we're trying to insert into the sorted portion
    let currentElement = arr[i];
    // Define the starting index of lookup (this is the last index of sorted portion of array)
    let j = j - 1;
    // Move elements of arr[0..i-1] that are greater than currentElement
    // to one position ahead of their current position
    while (j >= 0 && arr[j] > currentElement) {
      // Shift element to the right
      arr[j + 1] = arr[j];
      j--;
    }
    // We've found the correct position for currentElement (at j + 1), insert it:
    arr[j + 1] = currentElement;
  }

  // The array is now sorted in-place:
  return arr;
}
ログイン後にコピー

핵심 포인트:

  1. 양방향 프로세스: 삽입 정렬은 앞으로 이동하는 외부 루프와 뒤로 이동하는 내부 루프를 통해 작동하며 알고리즘의 핵심을 구성하는 앞뒤 이동을 생성합니다.
  2. 정방향 스캔(외부 루프):
   for (let i = 1; i < arr.length; i++)
ログイン後にコピー

정렬되지 않은 요소(currentElement = arr[i])를 한 번에 하나씩 선택하면서 배열을 앞으로 이동합니다.

  1. 뒤로 삽입(내부 루프):
   while (j >= 0 && arr[j] > currentElement)
ログイン後にコピー

정렬된 부분을 되돌아보고 더 큰 요소를 오른쪽으로 이동하여(arr[j 1] = arr[j]) 현재 요소를 위한 공간을 만듭니다.

  1. 요소 삽입:
   arr[j + 1] = currentElement;
ログイン後にコピー

현재 요소를 올바른 위치에 삽입하여 정렬된 부분을 늘립니다.

  1. 내부 및 안정적인 정렬: 동일한 요소의 상대적 순서를 유지하면서 원본 배열을 직접 수정합니다.

삽입 정렬은 카드 한 장을 정렬하는 방식을 모방하여 한 번에 한 항목씩 최종 정렬 배열을 만듭니다. 정렬되지 않은 부분에서 카드(요소)를 반복적으로 선택하고 정렬된 카드 중 올바른 위치에 삽입하며 필요에 따라 더 큰 카드를 이동합니다. 이 직관적인 프로세스를 통해 소규모 또는 거의 정렬된 데이터 세트에 대한 삽입 정렬을 효율적으로 수행할 수 있습니다.

삽입정렬은 안정적인가?

예, 삽입 정렬은 안정적인 정렬 알고리즘입니다. 정렬 알고리즘의 안정성은 정렬 후에도 동일한 요소의 상대적 순서가 유지된다는 것을 의미합니다. 삽입 정렬은 작동 방식으로 인해 이를 자연스럽게 달성합니다.

  1. 순서 유지: 정렬된 부분에 요소를 삽입할 때 삽입 정렬은 현재 요소보다 엄격하게 큰 요소만 이동합니다. 즉, 동일한 값을 가진 요소가 여러 개 있는 경우 상대적 순서가 유지됩니다.
  2. 불필요한 교체 없음: 동일한 요소를 교체할 수 있는 다른 정렬 알고리즘과 달리 삽입 정렬은 필요한 경우에만 요소를 이동합니다. 이 특성은 동일한 요소가 원래 상대 위치에 유지되도록 보장합니다.
  3. 왼쪽에서 오른쪽으로 처리: 왼쪽에서 오른쪽으로 배열을 처리하고 각 요소를 이미 정렬된 요소 중 올바른 위치에 삽입함으로써 삽입 정렬은 자연스럽게 동일한 요소의 원래 순서를 유지합니다.

삽입 정렬의 안정성은 동일한 요소의 원래 순서를 유지하는 것이 중요한 복잡한 데이터 구조를 정렬할 때 특히 유용할 수 있습니다. 예를 들어, 학생 목록을 먼저 학년별로 정렬한 다음 이름별로 정렬하는 경우 안정적인 정렬을 사용하면 같은 학년의 학생이 이름별로 알파벳 순서로 유지됩니다.

이러한 안정성은 기본 삽입 정렬 알고리즘의 고유한 속성이며 달성하기 위해 추가적인 수정이나 오버헤드가 필요하지 않으므로 자연스럽게 안정적인 정렬 방법이 됩니다.

시간 및 공간 복잡도 분석

Insertion Sort의 성능 특성은 다음과 같습니다.

  • 시간 복잡성:

    • 최상의 사례: O(n) - 배열이 이미 정렬된 경우
    • 평균 사례: O(n^2)
    • 최악의 경우: O(n^2) - 배열이 역정렬된 경우
  • 공간 복잡도: O(1) - 삽입 정렬은 내부 정렬 알고리즘입니다

選択ソートとは異なり、挿入ソートはほぼソートされた配列で適切に実行でき、そのような場合には線形に近い時間計算量を実現します。

挿入ソートのメリットとデメリット

利点:

  • 実装と理解が簡単
  • 小規模から中規模のデータセットに効率的
  • 適応性 - ほぼソートされた配列で良好なパフォーマンスを発揮します
  • 安定 - 等しい要素の相対的な順序を維持します
  • インプレースソート (O(1) スペース)
  • オンライン並べ替えシナリオに適しています

欠点:

  • 大規模なデータセットの場合は非効率的です (平均および最悪のケースで O(n^2))
  • 入力サイズが増加すると、パフォーマンスが急速に低下します

挿入ソートを使用する場合

  • 小規模から中規模のデータセット (通常は最大数百要素)
  • ほぼソートされたデータ
  • 要素を受信して​​段階的に並べ替えるオンライン並べ替えシナリオ
  • より複雑なアルゴリズムのサブルーチンとして (例: 小さなパーティションのクイックソート)

実際のアプリケーションとユースケース

  1. 標準ライブラリ実装: 小規模な配列またはハイブリッド並べ替えアルゴリズムの一部としてよく使用されます
  2. データベース操作: 小さなレコードセットの並べ替え
  3. 組み込みシステム: シンプルでメモリ オーバーヘッドが低いため、リソースが限られたシステムに適しています
  4. リアルタイム データ処理: データの受信時に並べ替えられた順序を維持します

結論

挿入並べ替えは、大規模なデータセットに対する制限にもかかわらず、特定のシナリオでは貴重な利点を提供します。その直感的な性質は、私たちが手でカードを並べ替える方法に似ており、並べ替えアルゴリズムを理解するための優れた教育ツールになります。

重要なポイント:

  • ほぼソートされたデータのベストケースの時間計算量 O(n)
  • 安定したインプレース適応型並べ替えアルゴリズム
  • 小規模なデータセットとオンライン並べ替えに効率的
  • ハイブリッド並べ替え戦略に組み込まれることが多い

大規模な並べ替えタスクには適していませんが、挿入並べ替えの原則はより洗練された方法に適用されることがよくあります。特定のシナリオにおけるそのシンプルさと効率性により、プログラマーのアルゴリズム ツールキットへの貴重な追加となります。

並べ替えアルゴリズムの選択は、最終的には特定の使用例、データの特性、システムの制約によって決まります。挿入ソートを理解すると、アルゴリズム設計のトレードオフについての洞察が得られ、より高度なソート技術を探求するための基礎が築かれます。

以上がJavascript を使用したアルゴリズムの旅 - 挿入ソートの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

javascriptの分解:それが何をするのか、なぜそれが重要なのか javascriptの分解:それが何をするのか、なぜそれが重要なのか Apr 09, 2025 am 12:07 AM

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

JavaScriptの進化:現在の傾向と将来の見通し JavaScriptの進化:現在の傾向と将来の見通し Apr 10, 2025 am 09:33 AM

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

JavaScriptエンジン:実装の比較 JavaScriptエンジン:実装の比較 Apr 13, 2025 am 12:05 AM

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

JavaScript:Web言語の汎用性の調査 JavaScript:Web言語の汎用性の調査 Apr 11, 2025 am 12:01 AM

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法(フロントエンド統合) next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法(フロントエンド統合) Apr 11, 2025 am 08:22 AM

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

Python vs. JavaScript:学習曲線と使いやすさ Python vs. JavaScript:学習曲線と使いやすさ Apr 16, 2025 am 12:12 AM

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

C/CからJavaScriptへ:すべてがどのように機能するか C/CからJavaScriptへ:すべてがどのように機能するか Apr 14, 2025 am 12:05 AM

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1)C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2)C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3)JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合) next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合) Apr 11, 2025 am 08:23 AM

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

See all articles