メモリの隣接ブロックに同じタイプの要素のグループを保持するデータ構造は、「 配列 」。配列は、JavaScript のスーパーセットであるため、TypeScript のデータ型としてもサポートされています。配列に格納できる要素の型を開発者が指定できるため、JavaScript よりも型安全です。このように配列を利用して、保守可能なコードを生成できます。
このチュートリアルでは、TypeScript の配列型とその使用方法について説明します。
TypeScriptの配列型とは何ですか?どのように使用できますか?
「 配列 」は、JavaScript に似た TypeScript のデータ構造で、配列型を指定する高度な機能を備えています。数値や文字列のリストなどのデータのコレクションを格納および操作するために使用でき、それらのインデックスを使用してアクセスできます。 TypeScript で配列を宣言または使用するには、次の 2 つの方法があります。
- 「配列」キーワード
- 角括弧「[]」または簡略構文
単一型配列の構文
単一の型で配列を宣言または初期化するには、「Array」キーワードを指定した構文を使用します。
配列 < タイプ > = [ 要素1、要素2、要素3 ] ;
または、以下に示すように簡略構文として使用します。
タイプ [ ] = [ 要素1、要素2、要素3 ] ;
多型配列の構文
「Array」キーワードを使用して、以下の構文を使用して複数型の配列を初期化または宣言します。
配列 < タイプ | | タイプ > = [ 要素1、要素2、要素3 ] ;
または、次のように角括弧「[]」または簡略構文を使用できます。
( タイプ | | タイプ ) [ ] = [ 要素1、要素2、要素3 ] ;
例 1: 単一文字列型の配列
まず、「」という名前の TypeScript ファイルを作成します。 Arraytypes.ts 」。与えられた例では、最初に、「」という名前の文字列型の配列を宣言します。 色 」「配列」キーワードを使用して：
var color: 配列 < 弦 > ;
次に、文字列型の値で配列を初期化します。
色 = [ '赤' 、 '青' 、 '緑' 、 '黒' 、 '白' 、 '紫' 、 'ピンク' ] ;
次に、コンソールに配列を出力します。
console.log ( 色 ) ;
コードを追加した後、指定されたコマンドを使用して、このファイルを JavaScript ファイルにトランスパイルします。
tsc Arraytypes.ts
次に、JavaScript コードを実行するために、以下のコマンドを使用します。
ノード Arraytypes.js
ノート : TypeScript ファイルを変更するたびにトランスパイルする必要があります。
出力
配列要素にアクセスするには、角括弧表記「[ ]」を使用します。ここでは、インデックス 3 の要素にアクセスします。
console.log ( 色 [ 3 ] ) ;
出力には「 黒 」は、インデックス 3 にある配列の要素です。
例 2: 単一数値型の配列
この例では、型を指定して偶数の配列を作成します。 番号 」 略記構文を使用:
var evenNumbers: 数値 [ ] = [ 2 、 4 、 6 、 8 、 10 、 12 、 14 、 16 、 18 、 20 、 22 ] ;
コンソールに配列を出力します。
console.log ( 偶数 ) ;
出力
例 3: 多型配列
提供されている例では、文字列型と数値型の値を含む配列を作成します。
最初に、パイプラインまたはユニオン演算子で配列型を指定することにより、簡略構文を使用して配列を宣言します。
変数配列: ( 弦 | | 番号 ) [ ] ;
配列に値を割り当てて、コンソールに出力します。
配列 = [ '赤' 、 1 、 '青' 、 7 、 '紫' 、 5 ] ;console.log ( 配列 ) ;
出力
TypeScript での Array Type の使い方は以上です。
結論
「 配列 」は、JavaScript に似た TypeScript のデータ構造であり、データのコレクションの保存と操作に使用できます。 TypeScript で配列を宣言/使用するには、「 配列 ” キーワードまたは角括弧 “ [ ] 」または簡略構文。このチュートリアルでは、TypeScript の配列型とその使用方法を示しました。