(文と宣言)
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/for…of
for ( 変数 of 配列 ) {
// 繰り返しの処理を書く
}
「配列」の値を1つずつ「変数」へ代入してくれるようになる。通常の「for文」と違い、「繰り返し回数」や「カウンタ変数」などを意識せずに扱えるのでシンプルで使いやすい構文と言える。
for…of文で任意のDOM要素を取得することもできる。
なお、for…of文を利用することができるのは、「イテラブル(iterable※)・オブジェクト」が含まれているオブジェクトだけであり、通常のオブジェクトには含まれていない。
※iterableとは、簡単にいうとイテレータにより順に取り出すことができるもの。for…of文にiterableが渡されると、それに対応するイテレータが作られ、そのイテレータにより値が順番に取り出されるようになる
var array = ['バナナ', 'リンゴ', 'メロン', 'ミカン'];
for(var item of array) {
console.log( item );
}
>> バナナ
>> リンゴ
>> メロン
>> ミカン