JavaScriptの条件判定文の使い方を詳しく解説_基礎知識

プログラムを作成するとき、指定された 2 つのパスから 1 つのパスを選択する必要がある場合があります。したがって、プログラムが正しい決定を下し、正しいアクションを実行できるようにするには、条件ステートメントを使用する必要があります。

JavaScript は、さまざまな条件に基づいてさまざまな操作を実行するために使用される条件ステートメントをサポートしています。ここでは if..else 文について説明します。

JavaScript は、次の形式の if..else ステートメントをサポートします:

• if ステートメント
• if...else ステートメント
• if...else if... ステートメント。

if ステートメント:

if ステートメントは、JavaScript が判断を下し、条件付きでステートメントを実行できるようにする基本的な制御ステートメントです。
文法:

if (expression){
  Statement(s) to be executed if expression is true
}

ここでの JavaScript 式式が評価されます。取得した値が true の場合、指定されたステートメントが実行されます。式が false の場合、ステートメントは実行されません。ほとんどの場合、意思決定を行う際には比較演算を使用します。
例:

<script type="text/javascript">
<!--
var age = 20;
if( age > 18 ){
  document.write("<b>Qualifies for driving</b>");
}
//-->
</script>

これにより、次の結果が生成されます:

Qualifies for driving

if...else ステートメント:

if...else ステートメントは制御ステートメントの次の形式であり、JavaScript でより制御可能なステートメントを実行できるようになります。
文法

if (expression){
  Statement(s) to be executed if expression is true
}else{
  Statement(s) to be executed if expression is false
}

この JavaScript 式が評価されます。結果の値が true の場合、if ブロック内の指定されたステートメントが実行されます。式が false の場合、指定された else ステートメント ブロックが実行されます。
例:

<script type="text/javascript">
<!--
var age = 15;
if( age > 18 ){
  document.write("<b>Qualifies for driving</b>");
}else{
  document.write("<b>Does not qualify for driving</b>");
}
//-->
</script>

これにより、次の結果が生成されます:

Does not qualify for driving

if...else if... 構文:

if...else if... .control ステートメントを 1 つのレベルで進める形で、JavaScript は正しい決定を下すためのいくつかの条件を設定します。
文法

if (expression 1){
  Statement(s) to be executed if expression 1 is true
}else if (expression 2){
  Statement(s) to be executed if expression 2 is true
}else if (expression 3){
  Statement(s) to be executed if expression 3 is true
}else{
  Statement(s) to be executed if no expression is true
}

コードには特別なことは何もありません。これは単なる一連の if ステートメントであり、各 if の前のステートメントは else 節の一部です。ステートメントは true 条件に基づいて実行され、非条件が true の場合は else ブロックが実行されます。
例:

<script type="text/javascript">
<!--
var book = "maths";
if( book == "history" ){
  document.write("<b>History Book</b>");
}else if( book == "maths" ){
  document.write("<b>Maths Book</b>");
}else if( book == "economics" ){
  document.write("<b>Economics Book</b>");
}else{
 document.write("<b>Unknown Book</b>");
}
//-->
</script>

これにより、次の結果が生成されます:

Maths Book