「 辞書 」は、順序付けられていないリストにキーと値のペアを含むタイプのデータ構造を指します。 TypeScript の「マップ」に相当します。 TypeScript アプリケーションでデータを処理するための便利なツールです。 TypeScript で辞書を宣言して初期化するプロセスは単純で簡単です。ディクショナリは一般に、「Record」ユーティリティ タイプを使用して TypeScript で宣言および初期化されます。
この投稿では、Typescript で辞書を宣言および初期化する方法について説明します。
TypeScript で辞書を初期化して宣言する方法は?
TypeScript で辞書を初期化して宣言するには、次の方法を使用します。
先に進む前に、まず TypeScript ファイルを実行するには、変更のたびに JavaScript ファイルにトランスパイルする必要があることを理解し、指定されたコマンドを使用してターミナルで JavaScript コードを実行します。
tsc 辞書.ts
ノード辞書.js
方法 1: インデックス付きオブジェクトを使用して TypeScript で辞書を初期化および宣言する
辞書を初期化して宣言するには、「 インデックス付きオブジェクト 」。これは、キーのグループを値のグループにリンクするデータ構造であり、各キーは個別で、特定の値にリンクしています。
構文
次の構文は、インデックス付きオブジェクトを使用してディクショナリを初期化および宣言するために使用されます。
タイプ マイ辞書 = {[ 鍵： タイプ ] : 値の種類
} ;
例
まず、「」という名前の辞書を定義します。 マイディクショナリー 」は、辞書の形状を記述するインデックス付きオブジェクト タイプです。
タイプ マイ辞書 = {[ キー: 文字列 ] ： 番号
} ;
次に、新しい変数を宣言して初期化します “ 年齢辞書 「タイプ」の マイディクショナリー 」を作成し、3 つのキーと値のペアを使用してオブジェクト リテラルを割り当てます。
「ジョン」 : 26 、
「メアリー」 : 28 、
'石' : 27
} ;
「 console.log() ' 方法：
出力
辞書の指定されたキーの値を取得したい場合は、角括弧表記「[ ]」を使用できます。
出力には「の年齢が表示されます。 石 ' あれは ' 27 」：
方法 2: インターフェイスを使用して TypeScript で辞書を初期化および宣言する
辞書の初期化と宣言には、「 インターフェース 」。 TypeScript のインターフェースは、オブジェクトが従わなければならないコントラクトを表現するための手法です。オブジェクトがそのインターフェイスのインスタンスと見なされるために必要なプロパティの属性とタイプを定義します。
構文
インターフェイスを使用して辞書を初期化および宣言するには、指定された構文に従います。
インターフェイス情報 {key1: value1Type;
key2: value2Type;
}
例
まず、「」という名前の辞書を定義します。 情報 これは、それを実装するすべてのオブジェクトが「string」型の name プロパティと「number」型の age プロパティを持つことを必要とします。
インターフェイス情報 {名前: 文字列;
年齢: 番号;
}
次に、新しい変数を宣言して初期化します “ 学生辞書 「タイプ」の 情報 ”属性付き” ID 「タイプ」の 番号 」：
1 : { 名前： 「ジャック」 、 年： 15 } 、
2 : { 名前： 「蛭」 、 年： 18 }
} ;
最後に、コンソールに辞書を出力します。
出力
次に、インデックスまたは ID 2 のオブジェクトにアクセスします。
出力
方法 3: ES6 マップを使用して TypeScript で辞書を初期化および宣言する
TypeScript で辞書を初期化および宣言するために、ES6 Map アプローチを使用することもできます。これは JavaScript と TypeScript の組み込みデータ構造であり、キーと値のペアを格納できます。キーと値は任意のデータ型にすることができます。
構文
ES6 Map を使用するには、次の構文に従います。
新しい地図 < キータイプ、値タイプ > ( ) ;
例
まず、 Map コンストラクターを使用して、キーと値の型を「 弦 」：
させて 学生 = 新しいマップ < 文字列、文字列 > ( ) ;
次に、set() メソッドを使用して、キーと値のペアを辞書に追加します。
学生.セット ( '年' 、 「18」 ) ;
学生.セット ( '趣味' 、 「読書」 ) ;
コンソールに辞書を出力します。
出力
方法 4: レコード ユーティリティ タイプを使用して TypeScript で辞書を初期化および宣言する
ディクショナリを初期化して宣言する別の方法は、TypeScript で「Record」ユーティリティ タイプを使用することです。これは、辞書を初期化および宣言する最も一般的な方法です。これは、指定されたキーと値を持つ型を作成できる、TypeScript で事前に構築されたデータ構造です。
構文
次の構文は、Record ユーティリティ タイプに使用されます。
記録 < キータイプ、値タイプ > = { } ;
例
この例では、「」という辞書を宣言して初期化します。 学生 」を使用して 記録 文字列型のキーと値を指定するユーティリティ型:
させて 生徒: 記録 < 文字列、文字列 > = {'名前' : 「蛭」 、
'年' : 「18」 、
'趣味' : 「読書」 、
} ;
最後に、コンソールに辞書を出力します。
出力
TypeScript での辞書の初期化と宣言に関連するすべての重要な情報をまとめました。
結論
TypeScript で辞書を初期化して宣言するには、「 インデックス付きオブジェクト 」、「 を インターフェース 」、「 ES6 マップ ' または ' レコード ユーティリティ タイプ 」。ディクショナリを初期化および宣言する最も一般的な方法は、「レコード ユーティリティ タイプ」です。この投稿では、TypeScript 辞書を宣言および初期化する方法について説明しました。