for-inループ文にて、breakでループを終了させる

for-inループ(繰り返し)文は、break;で、ループ(繰り返し)を終了させることができる。

ループ(繰り返し)の残りの処理をスキップし、次の処理へ移るには、continueを使う。

構文

for ( 変数 in オブジェクト ) {
    繰り返し行う処理文
    if ( 終了条件式 ) {
        break; // ループを終了させる
    }
}

「オブジェクト」のプロパティ名を順番に「変数」に格納し、「繰り返し行う処理文」をプロパティ数分実行しようとするが、「終了条件式」が「true」になった場合、ループを終了させる。

サンプル

配列(配列オブジェクト)

<script type="text/javascript">
var $arr = new Array( "要素1", "要素2", "要素3" );
for ( var $key in $arr ) {
    document . write( $arr[$key] + ', ' );
    if ( $arr[$key] == "要素2" ) {
        break; // ループを終了させる
    }
}
</script>

↓↓↓出力結果↓↓↓

連想配列(単純なオブジェクト)

<script type="text/javascript">
var $obj = {
    propA: "値1",
    propB: "値2",
    propC: "値3"
};
for ( var $prop in $obj ) {
    document . write( $obj[$prop] + ', ' );
    if ( $obj[$prop] == "値2" ) {
        break; // ループを終了させる
    }
}
</script>

↓↓↓出力結果↓↓↓

スポンサード リンク

カテゴリー: for-in, JavaScript, リファレンス, 制御構造 タグ: パーマリンク