【JavaScript ECMAScript】for...of文の使い方
for...of文の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
for...ofステートメントは、JavaScriptにおいて、配列や文字列、Map、Setなどの「反復可能なオブジェクト（Iterable）」の各要素を順に反復処理するための構文です。このステートメントは、ECMAScript 2015 (ES6) で導入され、コレクションの要素の値を直接取得し、それらに対してコードブロックを実行することを可能にします。
具体的な使い方としては、for (const element of iterable) のように記述し、element 変数には反復可能なオブジェクトから取り出された各要素の値が代入されます。これにより、開発者は煩雑なインデックス管理を行うことなく、コレクション内のデータに直接アクセスし、シンプルで読みやすいループ処理を実装できます。
従来のforループやfor...inループと比較して、for...ofはいくつかの利点があります。for...inがオブジェクトの列挙可能なプロパティ名（キー）を反復するのに対し、for...ofは要素の「値」を直接反復します。このため、配列の要素を処理する際に意図しないプロパティの列挙を防ぎ、より安全で直感的な反復処理を提供します。また、文字列に対しても各文字を個別に処理でき、現代のJavaScript開発において非常に強力で汎用性の高いツールとして活用されています。
公式リファレンス: for...of
構文(syntax)
1for (const element of iterable) { 2 // statement 3}
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません