else if文は、if文を拡張する制御構文。if文の条件式の値が「false」で、else if文の条件式の値が「true」の場合に実行する。
else if文は、複数続けることができる。後のelse if文は、前の全てのelse if文の条件式の値が「false」である場合のみ、評価する。
if、else、入れ子（ネスト）の構文やサンプルは、それぞれのページにて。
構文
else if文の基本的使い方。
処理文が１文
波括弧で括る方法
if ( 条件式Ａ ) {
条件式Ａが「true」のときに行う処理
} else if ( 条件式Ｂ ) {
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理
} else if ( 条件式Ｃ ) {
条件式Ａと条件式Ｂが「false」で、条件式Ｃが「true」のときに行う処理
}
条件式Ａが「true」のときに行う処理
} else if ( 条件式Ｂ ) {
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理
} else if ( 条件式Ｃ ) {
条件式Ａと条件式Ｂが「false」で、条件式Ｃが「true」のときに行う処理
}
波括弧を省略した方法
if ( 条件式Ａ )
条件式Ａが「true」のときに行う処理
else if ( 条件式Ｂ )
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理
else if ( 条件式Ｃ )
条件式Ａと条件式Ｂが「false」で、条件式Ｃが「true」のときに行う処理
条件式Ａが「true」のときに行う処理
else if ( 条件式Ｂ )
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理
else if ( 条件式Ｃ )
条件式Ａと条件式Ｂが「false」で、条件式Ｃが「true」のときに行う処理
処理文が複数
処理文が複数のときは、波括弧{}で括り、グループ化する。
if ( 条件式Ａ ) {
条件式Ａが「true」のときに行う処理１
条件式Ａが「true」のときに行う処理２
} else if ( 条件式Ｂ ) {
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理１
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理２
} else if ( 条件式Ｃ ) {
条件式Ａと条件式Ｂが「false」で、条件式Ｃが「true」のときに行う処理１
条件式Ａと条件式Ｂが「false」で、条件式Ｃが「true」のときに行う処理２
}
条件式Ａが「true」のときに行う処理１
条件式Ａが「true」のときに行う処理２
} else if ( 条件式Ｂ ) {
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理１
条件式Ａが「false」で、条件式Ｂが「true」のときに行う処理２
} else if ( 条件式Ｃ ) {
条件式Ａと条件式Ｂが「false」で、条件式Ｃが「true」のときに行う処理１
条件式Ａと条件式Ｂが「false」で、条件式Ｃが「true」のときに行う処理２
}
サンプル
処理文が１文
波括弧で括る方法
<script type="text/javascript">
var varA = 5;
var varB = 5;
if ( varA > varB ) {
document . write( varA + "は" + varB + "より大きい。<br />" );
} else if ( varA < varB ) {
document . write( varA + "は" + varB + "より小さい。<br />" );
} else if ( varA == varB ) {
document . write( varA + "と" + varB + "は等しい。<br />" );
}
</script>
var varA = 5;
var varB = 5;
if ( varA > varB ) {
document . write( varA + "は" + varB + "より大きい。<br />" );
} else if ( varA < varB ) {
document . write( varA + "は" + varB + "より小さい。<br />" );
} else if ( varA == varB ) {
document . write( varA + "と" + varB + "は等しい。<br />" );
}
</script>
↓↓↓出力結果↓↓↓
波括弧を省略した方法
<script type="text/javascript">
var varA = 5;
var varB = 5;
if ( varA > varB )
document . write( varA + "は" + varB + "より大きい。<br />" );
else if ( varA < varB )
document . write( varA + "は" + varB + "より小さい。<br />" );
else if ( varA == varB )
document . write( varA + "と" + varB + "は等しい。<br />" );
</script>
var varA = 5;
var varB = 5;
if ( varA > varB )
document . write( varA + "は" + varB + "より大きい。<br />" );
else if ( varA < varB )
document . write( varA + "は" + varB + "より小さい。<br />" );
else if ( varA == varB )
document . write( varA + "と" + varB + "は等しい。<br />" );
</script>
↓↓↓出力結果↓↓↓
処理文が複数
処理文が複数のときは、波括弧{}で括り、グループ化する。
<script type="text/javascript">
var varA = 5;
var varB = 5;
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 if ( varA == varB ) {
document . write( varA + "と" + varB + "は等しい。<br />" );
document . write( "２つ目の処理。<br />" );
document . write( "３つ目の処理。<br />" );
}
</script>
var varA = 5;
var varB = 5;
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 if ( varA == varB ) {
document . write( varA + "と" + varB + "は等しい。<br />" );
document . write( "２つ目の処理。<br />" );
document . write( "３つ目の処理。<br />" );
}
</script>
↓↓↓出力結果↓↓↓