JS for in ループは特別なタイプのループであり、通常のforループの変形でもあります。主にオブジェクトを走査するために使用されます。オブジェクト内のプロパティを順番にループアウトするために使用できます。その構文形式は次のとおりです。 :
for (変数 in オブジェクト) {
// 実行するコード
}
このうち、variable は変数であり、この変数にはループするたびに異なる値が割り当てられます。この変数を{ }
で使用して一連の操作を実行できます。object はトラバースするオブジェクトです。各ループでは、オブジェクト内の属性のキーは、オブジェクト内のすべての属性が走査されるまで変数 variable に割り当てられます。
インループ用の JS サンプルコード:
// オブジェクトを定義する
var person = {"name": "クラーク", "surname": "ケント", "age": "36"};
// オブジェクトのすべてのプロパティをループで取得する
for(var prop in person) {
document.write("<p>" + prop + " = " + person[prop] + "</p>");
}
操作結果:
name=クラーク
surname=ケント
age = 36
JS の for in ループはオブジェクトを走査するために作成されることに注意してください。配列も走査できますが、お勧めできません。配列を走査するには、 forループまたはfor ofループを使用できます。for of ループについては次のセクションで紹介します。
「 JS for inループ文の使用法」についてわかりやすく解説!絶対に観るべきベスト2動画
JavaScriptの反復処理(繰り返し処理・ループ)【全5回でJavaScriptの基礎を徹底】
【JavaScript超入門コース】11.繰り返し|同じ処理を何度も実行できます【プログラミング初心者向け入門講座】