構文
処理文が１文
波括弧で括る方法
if ( 条件式Ａ ) {
条件式Ａが「true」のときに行う処理
} else if ( 条件式Ｂ ) {
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理
} else {
条件式Ａと条件式Ｂが「false」のときに行う処理
}
条件式Ａが「true」のときに行う処理
} else if ( 条件式Ｂ ) {
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理
} else {
条件式Ａと条件式Ｂが「false」のときに行う処理
}
波括弧を省略した方法
if ( 条件式Ａ )
条件式Ａが「true」のときに行う処理
else if ( 条件式Ｂ )
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理
else
条件式Ａと条件式Ｂが「false」のときに行う処理
条件式Ａが「true」のときに行う処理
else if ( 条件式Ｂ )
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理
else
条件式Ａと条件式Ｂが「false」のときに行う処理
処理文が複数
処理文が複数のときは、波括弧{}で括り、グループ化する。
if ( 条件式Ａ ) {
条件式Ａが「true」のときに行う処理１
条件式Ａが「true」のときに行う処理２
} else if ( 条件式Ｂ ) {
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理１
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理２
} else {
条件式Ａと条件式Ｂが「false」のときに行う処理１
条件式Ａと条件式Ｂが「false」のときに行う処理２
}
条件式Ａが「true」のときに行う処理１
条件式Ａが「true」のときに行う処理２
} else if ( 条件式Ｂ ) {
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理１
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理２
} else {
条件式Ａと条件式Ｂが「false」のときに行う処理１
条件式Ａと条件式Ｂが「false」のときに行う処理２
}
サンプル
処理文が１文
波括弧で括る方法
<script type="text/javascript">
var varA = 5;
var varB = 8;
if ( varA > varB ) {
document . write( varA + "は" + varB + "より大きい。<br />" );
} else if ( varA == varB ) {
document . write( varA + "と" + varB + "は等しい。<br />" );
} else {
document . write( varA + "は" + varB + "より小さい。<br />" );
}
</script>
var varA = 5;
var varB = 8;
if ( varA > varB ) {
document . write( varA + "は" + varB + "より大きい。<br />" );
} else if ( varA == varB ) {
document . write( varA + "と" + varB + "は等しい。<br />" );
} else {
document . write( varA + "は" + varB + "より小さい。<br />" );
}
</script>
↓↓↓出力結果↓↓↓
波括弧を省略した方法
<script type="text/javascript">
var varA = 5;
var varB = 8;
if ( varA > varB )
document . write( varA + "は" + varB + "より大きい。<br />" );
else if ( varA == varB )
document . write( varA + "と" + varB + "は等しい。<br />" );
else
document . write( varA + "は" + varB + "より小さい。<br />" );
</script>
var varA = 5;
var varB = 8;
if ( varA > varB )
document . write( varA + "は" + varB + "より大きい。<br />" );
else if ( varA == varB )
document . write( varA + "と" + varB + "は等しい。<br />" );
else
document . write( varA + "は" + varB + "より小さい。<br />" );
</script>
↓↓↓出力結果↓↓↓
処理文が複数
処理文が複数のときは、波括弧{}で括り、グループ化する。
<script type="text/javascript">
var varA = 5;
var varB = 8;
if ( varA > varB ) {
document . write( varA + "は" + varB + "より大きい。<br />" );
document . write( "２つ目の処理。<br />" );
document . write( "３つ目の処理。<br />" );
} else if ( varA == varB ) {
document . write( varA + "と" + varB + "は等しい。<br />" );
document . write( "２つ目の処理。<br />" );
document . write( "３つ目の処理。<br />" );
} else {
document . write( varA + "は" + varB + "より小さい。<br />" );
document . write( "２つ目の処理。<br />" );
document . write( "３つ目の処理。<br />" );
}
</script>
var varA = 5;
var varB = 8;
if ( varA > varB ) {
document . write( varA + "は" + varB + "より大きい。<br />" );
document . write( "２つ目の処理。<br />" );
document . write( "３つ目の処理。<br />" );
} else if ( varA == varB ) {
document . write( varA + "と" + varB + "は等しい。<br />" );
document . write( "２つ目の処理。<br />" );
document . write( "３つ目の処理。<br />" );
} else {
document . write( varA + "は" + varB + "より小さい。<br />" );
document . write( "２つ目の処理。<br />" );
document . write( "３つ目の処理。<br />" );
}
</script>
↓↓↓出力結果↓↓↓