ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の条件文をマスターする: if、else、switch の説明

JavaScript の条件文をマスターする: if、else、switch の説明

Mary-Kate Olsen
リリース: 2024-12-29 19:08:16
オリジナル
648 人が閲覧しました

Mastering Conditional Statements in JavaScript: if, else, and switch Explained

### JavaScript の条件文 (if、else、switch)

JavaScript の条件ステートメントは、さまざまな条件に基づいてさまざまなアクションを実行するために使用されます。これらは、プログラムの実行フローの制御に役立ち、プログラムが意思決定できるようにします。最も一般的に使用される条件文は、if、else、switch です。


### 1. **if ステートメント**

if ステートメントは、指定された条件が true の場合にコード ブロックを実行するために使用されます。

#### 構文:

if (condition) {
  // code to be executed if condition is true
}
ログイン後にコピー

#### 例:

let age = 18;
if (age >= 18) {
  console.log("You are an adult.");
}
ログイン後にコピー

出力: あなたは大人です。


### 2. **if...else ステートメント**

if...else ステートメントを使用すると、条件が true の場合は 1 つのコード ブロックを実行し、条件が false の場合は別のコード ブロックを実行できます。

#### 構文:

if (condition) {
  // code to be executed if condition is true
} else {
  // code to be executed if condition is false
}
ログイン後にコピー

#### 例:

let age = 16;
if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}
ログイン後にコピー

出力: あなたは未成年です。


### 3. **if...else if...else ステートメント**

if...else if...else ステートメントは、複数の条件をチェックする必要がある場合に使用されます。最初の条件が false の場合は、次の条件がチェックされ、以下同様に続きます。

#### 構文:

if (condition1) {
  // code to be executed if condition1 is true
} else if (condition2) {
  // code to be executed if condition2 is true
} else {
  // code to be executed if no conditions are true
}
ログイン後にコピー

#### 例:

let age = 20;
if (age < 18) {
  console.log("You are a minor.");
} else if (age >= 18 && age <= 65) {
  console.log("You are an adult.");
} else {
  console.log("You are a senior.");
}
ログイン後にコピー

出力: あなたは大人です。


### 4. **switch ステートメント**

switch ステートメントは、さまざまな条件に基づいてさまざまなアクションを実行するために使用されます。これは、多くの if...else if ステートメントを使用するよりもクリーンで読みやすい代替手段です。

構文:

switch (expression) {
  case value1:
    // code to be executed if expression === value1
    break;
  case value2:
    // code to be executed if expression === value2
    break;
  // More cases can be added
  default:
    // code to be executed if no case matches
}
ログイン後にコピー

#### 例:

let fruit = "apple";
switch (fruit) {
  case "apple":
    console.log("You selected an apple.");
    break;
  case "banana":
    console.log("You selected a banana.");
    break;
  case "orange":
    console.log("You selected an orange.");
    break;
  default:
    console.log("Unknown fruit.");
}
ログイン後にコピー

出力: リンゴを選択しました。


### 5. **if...else と switch の比較**

  • if...else はより柔軟で、複雑な条件が可能です (論理演算子の使用など)。
  • switch は、複数の可能な値について変数をチェックするときに、より効率的で読みやすくなります。

### 結論

JavaScript の条件ステートメント (if、else、switch) は、さまざまな条件に基づいて実行フローを制御するために不可欠です。基本的なチェックには if...else を使用し、二項選択には if...else を使用し、考えられる複数の条件を処理する場合には switch を使用します。これらの構造を理解すると、クリーンで効率的なコードを作成する能力が向上します。

こんにちは、アバイ・シン・カタヤットです!
私はフロントエンドとバックエンドの両方のテクノロジーの専門知識を持つフルスタック開発者です。私はさまざまなプログラミング言語やフレームワークを使用して、効率的でスケーラブルでユーザーフレンドリーなアプリケーションを構築しています。
ビジネス用メールアドレス kaashshorts28@gmail.com までお気軽にご連絡ください。

以上がJavaScript の条件文をマスターする: if、else、switch の説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート