for文の3つの各式を複数にする

for文の3つの各式は、カンマで区切り、複数にすることもできる。

構文

for (
        カウンタ変数を初期化する式1, カウンタ変数を初期化する式2, カウンタ変数を初期化する式3,;
        条件式1, 条件式2, 条件式3,;
        カウンタ変数を更新する式1, カウンタ変数を更新する式2, カウンタ変数を更新する式3,
) {
    条件式が「TRUE」の間、繰り返し行う処理
}

「カウンタ変数を初期化する式」と「条件式」の最後には、;を付加する。

「カウンタ変数を更新する式」の最後には、;を付加してはいけない。

サンプル

「カウンタ変数を更新する式」を複数にする

<script type="text/javascript">
var outoputA = 'counterVarA: ';
var outoputB = 'counterVarB: ';
var counterVarB = 2;
for ( var counterVarA = 1; counterVarA <= 10; counterVarA++, counterVarB = counterVarA * 2 ) {
    outoputA += counterVarA + ',';
    outoputB += counterVarB + ',';
}
document . write( outoputA + '<br />' );
document . write( outoputB + '<br />' );
</script>

↓↓↓出力結果↓↓↓

「カウンタ変数を初期化する式」「カウンタ変数を更新する式」を複数にする

<script type="text/javascript">
var outoputA = 'counterVarA: ';
var outoputB = 'counterVarB: ';
for ( var counterVarA = 1, counterVarB = 1; counterVarA <= 10; counterVarA++, counterVarB *= 2 ) {
    outoputA += counterVarA + ',';
    outoputB += counterVarB + ',';
}
document . write( outoputA + '<br />' );
document . write( outoputB + '<br />' );
</script>

↓↓↓出力結果↓↓↓

「カウンタ変数を初期化する式」「条件式」「カウンタ変数を更新する式」を複数にする

<script type="text/javascript">
var outoputA = 'counterVarA: ';
var outoputB = 'counterVarB: ';
for ( var counterVarA = 1, counterVarB = 1; counterVarA <= 10, counterVarB <= 100 ; counterVarA++, counterVarB *= 2 ) {
    outoputA += counterVarA + ',';
    outoputB += counterVarB + ',';
}
document . write( outoputA + '<br />' );
document . write( outoputB + '<br />' );
</script>

↓↓↓出力結果↓↓↓

スポンサード リンク

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