この記事では、forEach が TypeScript の for ループとどのように異なるかを説明します。
TypeScript の「forEach」と「for」ループはどう違うのですか?
TypeScript では、「 それぞれに ' と ' ために ループは、配列またはその他の反復可能なオブジェクトを反復するための 2 つの異なる手法です。これら 2 つの主な違いは、「for」ループは配列要素に対してあらゆる操作を実行できる汎用ループであるのに対し、「forEach」は配列を反復処理して各要素に対して関数を実行するために特別に設計されたメソッドであることです。エレメント。いくつかの一般的な違いについては、以下の表で説明します。
それぞれに | for ループ |
---|---|
forEach の構文はより簡潔で読みやすくなっています。 | for ループの構文は forEach よりも複雑であるため、読みにくく、理解しにくい場合があります。 |
一般に、特に大きな配列の場合、for ループを使用するよりもパフォーマンスが高くなります。 | 全体的にパフォーマンスは向上していますが、forEach よりは劣ります。 |
forEach は、各要素に対して関数を実行するために明示的に設計されています。 | 配列の各要素に対してあらゆる操作を実行できます。 |
for ループほど柔軟性がありません。 | for ループは forEach よりも柔軟です。 |
実際の実装に進む前に、TypeScript ファイルを実行するには、そのファイルを JavaScript ファイルにトランスパイルし、指定されたコマンドを使用して端末上で JavaScript コードを実行する必要があることに留意してください。
tsc ファイル名.ts
ノードファイル名.js
TypeScript での「forEach」はどのように機能しますか?
” それぞれに 」は、配列をループして各配列要素に対して関数を実行できるようにする、TypeScript で事前に構築されたメソッドです。
構文
forEach ループでは次の構文が使用されます。
それぞれに ( コールバック関数 )
例
奇数の配列を作成します。
配列を反復し、forEach メソッドを使用して配列要素をコンソールに出力します。
奇数.forEach ( ( 数字 ) = > {
コンソール.ログ ( 数字 ) ;
} ) ;
出力
]
TypeScript での「for」ループはどのように機能しますか?
「 ために 」ループは標準的なループです。これにより、項目のコレクションを反復処理し、各項目に対していくつかのアクション/操作を実行できます。
構文
指定された構文は「for」ループに使用されます。
// ループ本体
}
例
for ループを使用して上記で作成した配列を反復し、コンソールに配列要素を表示します。
コンソール.ログ ( 奇数 [ 私 ] ) ;
}
出力
TypeScript の forEach と for ループの違いに関連する必要な命令をすべてまとめました。
結論
” それぞれに ' と ' ために ループは、配列またはその他の反復可能なオブジェクトを反復するための 2 つの異なる手法です。どちらのアプローチも配列要素をループしますが、構文と機能が異なります。これら 2 つの主な違いは、「for」ループは配列要素に対してあらゆる操作を実行できる汎用ループであるのに対し、「forEach」は配列を反復処理して各要素に対して関数を実行するために明示的に設計されたメソッドであることです。エレメント。この記事では、forEach が TypeScript の for ループとどのように異なるかを説明しました。