JavaScript if else

概要: このチュートリアルでは、条件に基づいてブロックを実行するためにJavaScriptのif...else文を使用する方法を学習します。

JavaScript if…else文の概要

if文は、条件がtrueの場合にブロックを実行します。条件がfalseの場合、何も実行しません。しかし、条件がfalseの場合に文を実行したい場合は、if...else文を使用できます。

以下は、if...else文の構文です。

if( condition ) {
  // ...
} else { 
  // ...
}Code language: JavaScript (javascript)

この構文では、conditionはtrueまたはfalseに評価される値または式です。条件がtrueの場合、if...else文はif分岐に続くブロックを実行します。

条件がfalseの場合、if...else文はelse分岐に続くブロックを実行します。

通常、conditionはtrueまたはfalseのブール値に評価されます。ただし、ブール値以外の値に評価される場合、if...else文はそれをブール値に変換します。

次のフローチャートは、if...else文の動作を示しています。

JavaScript if…else文の例

次の例では、if...else文を使用して、年齢が18歳以上かどうかを確認します。

let age = 18;

if (age >= 18) {
  console.log('You can sign up.');
} else {
  console.log('You must be at least 18 to sign up.');
}Code language: JavaScript (javascript)

この例では、ageは18です。したがって、式age >= 18はtrueです。そのため、コンソールに次のメッセージが表示されます。

You can sign up.

次の例は、ageが16ではなく18であることを除いて、上記と同じです。

let age = 16;

if (age >= 18) {
  console.log('You can sign up.');
} else {
  console.log('You must be at least 18 to sign up.');
}
Code language: JavaScript (javascript)

出力

You must be at least 18 to sign up.

この例では、ageは16です。したがって、式age >= 18はfalseに評価されます。そのため、else分岐の文が実行され、コンソールにメッセージが出力されます。

次の例では、ifブロックの条件として論理演算子AND（&&）を使用しています。

let age = 16;
let country = 'USA';

if (age >= 16 && country === 'USA') {
  console.log('You can get a driving license.');
} else {
  console.log('You are not eligible to get a driving license.');
}Code language: JavaScript (javascript)

年齢が16歳で国が米国であるため、次の式はtrueを返します。

age >= 16 && country === 'USA'Code language: JavaScript (javascript)

そして、次の出力が表示されます。

You can get a driving license.Code language: JavaScript (javascript)

まとめ

• 条件がtrueの場合はブロックを実行し、そうでない場合は別のブロックを実行するには、JavaScriptのif...else文を使用します。