for-in文は、ループ(繰り返し)処理を行う制御構文のひとつ。オブジェクトの各プロパティや、配列の各要素に対し、指定した処理を繰り返し実行する。
配列や連想配列などの配列系オブジェクトの各要素に、何らかの処理を実行したいときに便利だ。
構文
for ( 変数 in オブジェクト ) {
繰り返し行う処理文
}
繰り返し行う処理文
}
「オブジェクト」のプロパティ名を順番に「変数」に格納し、「繰り返し行う処理文」をプロパティ数分実行する。
サンプル
配列(配列オブジェクト)
<script type="text/javascript">
var $arr = new Array( "要素1", "要素2", "要素3" );
for ( var $key in $arr ) {
document . write( $arr[$key] + ', ' );
}
</script>
var $arr = new Array( "要素1", "要素2", "要素3" );
for ( var $key in $arr ) {
document . write( $arr[$key] + ', ' );
}
</script>
↓↓↓出力結果↓↓↓
連想配列(単純なオブジェクト)
<script type="text/javascript">
var $obj = {
propA: "値1",
propB: "値2",
propC: "値3"
};
for ( var $prop in $obj ) {
document . write( $obj[$prop] + ', ' );
}
</script>
var $obj = {
propA: "値1",
propB: "値2",
propC: "値3"
};
for ( var $prop in $obj ) {
document . write( $obj[$prop] + ', ' );
}
</script>
↓↓↓出力結果↓↓↓