JavaScript for of
for ofループ
for of文では、配列の要素数分、繰り返し処理を行います。
配列、文字列、マップ、NodeListなどの反復可能なデータ構造はforEachメソッドを持っているので、反復処理が可能です。
構文
for (変数 of 反復処理可能オブジェクト) {
// 実行する処理
}
variable- 繰り返し処理ごとに、次のプロパティの値が変数に代入されます。*variable*はconst、let、 またvarで宣言することができます。
iterable - 反復可能なプロパティを持つオブジェクト。
ブラウザのサポート
for of構文は2015年にJavaScript(ES6)に追加されました。
Safari7は、for of構文をサポートする最初のブラウザーでした。
| Chrome 38 | Edge 12 | Firefox 51 | Safari 7 | Opera 25 |
| 2014年10月 | 2015年7月 | 2016年10月 | 2013年10月 | 2014年10月 |
Internet Explorerではfor of構文のサポートはされていません。
配列の繰り返し処理
例
const cars = ["BMW", "Volvo", "Mini"];
let text = "";
for (let x of cars) {
text += x;
}
文字列の繰り返し処理
While構文
while、do/whileについては次の章で説明します。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。