JS for of ループ文の使い方

JS の for of ループは ECMAScript6 で新しく追加されたループであり、 for inループに似ており、通常のforループの変形でもあります。 for ループを使用すると、配列や文字列、オブジェクトなどの他のトラバース可能なオブジェクトを簡単にトラバースできます。

 

JS for of ループの構文形式は次のとおりです。

for (変数 of オブジェクト) {
// 実行するコード
}

その中で variable は変数であり、この変数はループされるたびに異なる値が割り当てられます. この変数を次の{ }で使用して、一連の操作を実行できます. iterable はトラバースするコンテンツです. それぞれでループ、イテラブル内のすべての値がトラバースされるまで、変数変数にイテラブル内の値を割り当てます。

サンプルコードは次のとおりです。

 // 配列を定義する
var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
// for ofループを使って配列の各要素を反復処理する
for (var value of arr) {
    document.write(value + ", ");
}
document.write("<br>");

// 文字列を定義する
var str = "こんにちは世界、 ！、";
// for ofループを使って文字列の各文字を反復処理する
for (var value of str) {
    document.write(value + ", ");
}
document.write("<br>");

// オブジェクトを定義する
var obj = {"name": "Clark", "surname": "Kent", "age": "36"};
// for inを使ってオブジェクトのすべてのプロパティを反復処理する
for(var value in obj) {
    document.write(value + ", ");
} 

操作結果:

a、b、c、d、e、f、
こんにちは世界、 ！、
name、surname、age、

for of ループもオブジェクトをトラバースできますが、お勧めしません. オブジェクトをトラバースするには、 for inループを使用できます.