TypeScript の型付け配列とは

Typescript No Xing Fuke Pei Lietoha



開発者が明示的に型を定​​義する必要があることを除いて、配列は JavaScript と同じように TypeScript で動作します。定義上、配列は順序付けられたデータのリストです。保守可能なコードを記述するために使用できます。配列の型付けは、開発者が配列が特定の長さと型を持つようにしたい場合に重要であり、コンパイル時にエラーをキャッチするのに役立ちます。

このチュートリアルでは、TypeScript の配列内の要素のさまざまな構造または配置を使用して配列を入力する方法について説明します。







TypeScript の型付け配列とは何ですか?

配列 」は、JavaScript に似た TypeScript のデータ構造で、配列型を指定する高度な機能を備えています。プリミティブ型またはオブジェクトのいずれかである、同じ型の要素のコレクションを格納および操作するために使用できます。 TypeScript には、さまざまな型と構造を持つ配列を宣言するいくつかの方法が用意されています。



TypeScript で単一型または複数型の配列を宣言または初期化するには、次の 2 つの方法があります。



    • 「配列」キーワード
    • 簡略構文

単一型配列の構文





単一型の配列を宣言または初期化するには、次の構文に従います。

配列 < タイプ > = [ 要素1、要素2、要素3 ] ;
また
タイプ [ ] = [ 要素1、要素2、要素3 ] ;


多型配列の構文



複数型配列の場合、次の構文を使用します。

配列 < タイプ | | タイプ > = [ 要素1、要素2、要素3 ] ;
また
( タイプ | | タイプ ) [ ] = [ 要素1、要素2、要素3 ] ;


TypeScript で単一型および複数型の配列を使用するには、次の手順に従います。 記事。

TypeScript の配列には、要素の構造または配置が 2 つあります。

TypeScript の 1 次元配列

一次元 」 TypeScript の配列は、線形シーケンスに格納された同じ型の要素のコレクションです。

構文

1 次元配列を宣言または初期化するには、次の構文に従います。

配列 < タイプ > = [ 要素1、要素2、要素3 ] ;
また
タイプ [ ] = [ 要素1、要素2、要素3 ] ;


続行する前に、TypeScript ファイルを実行するための 1 つのことを覚えておいてください。JavaScript ファイルにトランスパイルしてから、指定されたコマンドを使用してターミナルで JavaScript コードを実行する必要があります。

tsc ファイル名.ts
ノード filename.js


まず、「」という名前の配列を宣言します 偶数 「タイプ」の 番号 」:

var evenNumbers: 配列 < 番号 > ;


要素を割り当てて配列を初期化します。

偶数 = [ 2 4 6 8 10 12 14 16 18 20 ] ;


最後に、「 console.log() ' 方法:

console.log ( 偶数 ) ;


出力

TypeScript の多次元配列

多次元 」 TypeScript の配列は、要素として 1 つ以上の配列を含むものです。各内部配列は個別の配列であり、それらはすべて同じ長さです。

構文

2 次元配列の場合、次の構文が使用されます。

配列 < タイプ > = [ [ 要素1、要素2 ] [ 要素1、要素2 ] [ 要素1、要素2 ] ] ;
また
タイプ [ ] [ ] = [ [ 要素1、要素2 ] [ 要素1、要素2 ] [ 要素1、要素2 ] ] ;


TypeScript では、配列は特定の次元数を持つ必要はありません。配列内に配列を入れ子にすることで、任意の数の次元を持つ配列を作成できます。

与えられた例では、「 番号 ' タイプ:

させて 行列:数 [ ] [ ] = [ [ 十一 1 ] [ 12 5 ] [ 15 9 ] ] ;


ために 」 ループ:

ために ( させて 私= 0 ;私 < 行列の長さ; i++ ) {
させて 行 = '' ;
ために ( させて j = 0 ; j < マトリックス [ ] 。長さ; j++ ) {
行 += 行列 [ ] [ j ] + ' ' ;
}
console.log ( ) ;
}


出力


TypeScript の型付け配列に関連するすべての必要な情報をまとめました。

結論

配列 」は、配列型を設定する高度な機能を備えた、JavaScript と同様の TypeScript のデータ構造です。 TypeScript には、1 次元配列や多次元配列など、さまざまな型とレイアウトの配列を宣言する複数の方法が用意されています。このチュートリアルでは、TypeScript の配列内の要素の構造または配置が異なる型配列について説明しました。