ホームページ > ウェブフロントエンド > jsチュートリアル > 知っておくべき avaScript データ構造

知っておくべき avaScript データ構造

WBOY
リリース: 2024-08-22 18:38:33
オリジナル
404 人が閲覧しました

avaScript Data Structures you must know

データ構造は、多くの企業にとって最もテストされているトピックの 1 つです。これらは IT 産業の基礎を形成し、人工知能、コンピューター システムの操作、グラフィックスなどで広く使用されています。

このブログ投稿では、すべての JS 開発者が知っておくべき、最も一般的に使用される 7 つの JavaScript データ構造について説明します。

1.配列:
配列は、JavaScript で最も単純で最も一般的に使用されるデータ構造です。これらは、連続した場所に保管されているアイテムのコレクションです。 JavaScript 配列は動的であるため、要素を簡単に追加または削除できます。これらには 0 でインデックスが付けられ、いくつかの組み込み操作メソッドがサポートされています。

// Example of an array
let fruits = ['apple', 'banana', 'orange'];
fruits.push('grape'); // Adds 'grape' to the end of the array


ログイン後にコピー

2.オブジェクト:
オブジェクトはキーと値のペアであり、データの表現と保存に使用されます。これらは非常に柔軟性があり、他のオブジェクトを含むさまざまなタイプのデータを含めることができます。オブジェクトは、現実世界のエンティティとそのプロパティをモデル化するためによく使用されます。

// Example of an object
let person = {
  name: 'John',
  age: 30,
  city: 'New York'
};
console.log(person.name); // Accessing the value using the key
ログイン後にコピー

3.リンクされたリスト:
リンク リストはノードで構成され、各ノードにはデータとシーケンス内の次のノードへの参照が含まれます。配列とは異なり、リンク リストは動的なメモリ割り当てを提供するため、データ構造のサイズが頻繁に変更される可能性があるシナリオに適しています。

// Example of a linked list node
class Node {
  constructor(data) {
    this.data = data;
    this.next = null;
  }
}
ログイン後にコピー

4.スタック:

// Example of a stack using an array
let stack = [];
stack.push('a'); // Pushing an element onto the stack
let topElement = stack.pop(); // Popping the top element from the stack
ログイン後にコピー

スタックは、先頭と呼ばれる同じ端で要素が追加および削除される LIFO (後入れ先出し) データ構造です。スタックは、関数呼び出し、削除メカニズム、式の解析を処理するために一般的に使用されます。

5.キュー:

// Example of a queue using an array
let queue = [];
queue.push('a'); // Enqueue an element
let frontElement = queue.shift(); // Dequeue the front element
ログイン後にコピー

キューは、要素が後部に追加され、前部から削除される先入れ先出し (FIFO) データ構造です。キューは、タスクのスケジュール設定、幅優先検索、印刷ジョブ管理などのシナリオに不可欠です。

6.ハッシュ テーブル:

// Example of a simple hash table
let hashTable = {};
hashTable['name'] = 'Alice';
let value = hashTable['name']; // Retrieving value using the key
ログイン後にコピー

ハッシュ テーブルはハッシュ関数を使用してキーをインデックスにマップし、効率的なデータの取得を可能にします。これらは、配列、辞書、連想キャッシュの実装によく使用されます。 JavaScript オブジェクトは、ハッシュ テーブルの形式と考えることができます。

7.木:
ツリーは、ルート ノードとリーフ ノードにつながる枝を持つ階層データ構造です。特にバイナリ ツリーは、ヒープや二分探索ツリーなどのアプリケーションでよく使用されます。

// Example of a binary tree node
class TreeNode {
  constructor(value) {
    this.value = value;
    this.left = null;
    this.right = null;
  }
}
ログイン後にコピー

これらの基本的な JavaScript データ構造をマスターすることは、効率的でスケーラブルなコードを作成するために不可欠です。発生した問題に応じて、正しいデータ構造を選択すると、アプリケーションのパフォーマンスに大きな影響を与える可能性があります。これらのデータ構造がどのように機能し、いつ使用するかを理解することで、堅牢で最適化された JavaScript アプリケーションを設計できるようになります。

以上が知っておくべき avaScript データ構造の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート