TypeScript での For-Each ループはどのように機能しますか?

このチュートリアルでは、TypeScript の For-Each ループの仕組みを説明します。

TypeScript での For-Each ループはどのように機能しますか?

TypeScript では、「 それぞれに ” ループは次のように実装されます。 「forEach()」 」メソッド。これは Array オブジェクトの事前定義メソッドです。これは、配列要素またはその他の反復可能なオブジェクトを反復処理するために使用されます。引数としてコールバック関数を受け取り、配列内のすべての要素に対して実行されます。

構文
For-Each ループには次の構文が使用されます。

ここで、「callbackFunc」は、配列内の各要素をテストするために使用される関数です。

たとえば、上記の構文を次のように使用します。

例
次の例では、「」という名前の文字列型配列があります。 ただ ”:

forEach() メソッドを For-Each ループとして呼び出して配列を反復し、配列の各要素をコンソールに表示します。

「tsc」コマンドを使用して TypeScript ファイルをトランスパイルします。

コードが JavaScript に変換されたので、指定されたコマンドを使用して JavaScript ファイルを実行します。

出力は、For-Each ループを使用して配列を反復することにより、配列要素がコンソールに正常に表示されたことを示します。

「For-Each」ループは配列にのみ使用されるわけではありません。任意の反復可能なオブジェクトでも使用できます。ここでは、「」という名前のオブジェクトを反復処理します。 時間情報 」には 3 つのキーと値のペアがあります。

Object.keys() メソッドで For-Each ループを使用してオブジェクトを反復し、オブジェクトのプロパティとそれに関連付けられた値を出力します。

出力

TypeScript の For-Each ループの動作については以上です。

結論

「For-Each」ループは TypeScript で「 forEach() 」メソッドは、配列要素またはその他の反復可能なオブジェクトを反復処理するために使用されます。引数としてコールバック関数を受け取り、配列内のすべての要素に対して実行されます。このチュートリアルでは、TypeScript の For-Each ループの動作を説明しました。