JavaScript 条件文: コードで意思決定を行うためのガイド

意思決定は JavaScript プログラミングの重要な部分です。 条件ステートメント を使用すると、指定された条件に応じて代替アクションを実行できるため、コードをさまざまなコンテキストに適応させることができます。条件ステートメントは、ゲームの開発、ユーザー入力の処理、データ フローの調整のいずれの場合でも、論理制御のための頼りになるツールです。このブログでは、JavaScript 条件文のさまざまな形式とその使用方法を見ていきます。

1️⃣ if ステートメント

if ステートメントは、指定された条件が true の場合にコードを実行します。
⭐ 構文:

if (condition) {
  // Code to execute if a condition is true
}

?例:

let num = 0
if(num === 0){
    console.log('Number is zero') // Output: Number is zero
}

2️⃣ if-else ステートメント

if ステートメントの条件が false の場合、else ステートメントはコードの代替ブロックを提供します。
⭐ 構文:

if (condition) {
  // Code to execute if condition is true
} else {
  // Code to execute if condition is false
}

?例:

let num = -10;
if(num > 0){
    console.log('Number is positive')
}else{
    console.log('Number is negative') // Output: Number is negative
}

3️⃣ else if ステートメント

else if ステートメントを使用すると、多くの条件を順番に検証できます。
⭐ 構文:

if (condition1) {
  // Code to execute if condition1 is true
} else if (condition2) {
  // Code to execute if condition2 is true
} else {
  // Code to execute if none of the conditions are true
}

?例:

let num = 0;
if(num > 0){
    console.log('Number is positive') 
}else if (num 



<h2>
  
  
  4️⃣ switch ステートメント
</h2>

<p>switch ステートメントは式を検査し、それを複数の case 条件と比較します。<br>
⭐ 構文:<br>
</p>

<pre class="brush:php;toolbar:false">switch (expression) {
  case value1:
    // Code to execute if expression matches value1
    break;
  case value2:
    // Code to execute if expression matches value2
    break;
  default:
    // Code to execute if no cases match
}

?例:

const color = 'red'
switch(color){
    case 'red': 
        console.log("Color is red") // Output: Color is red
        break
    case 'blue': 
        console.log("Color is blue")
        break
    case 'green': 
        console.log("Color is green")
        break
    default:
        console.log("Not a valid color")
}

5️⃣ 三項演算子

三項演算子は、if-else ステートメントの短縮形です。
⭐ 構文:

condition ? expressionIfTrue : expressionIfFalse;

?例:

let num = 20
let result = num >= 0 ? "Number is positive" : "Number is negative";
console.log(result) // Output: Number is positive

6️⃣ ネストされた if-else ステートメント

1 つの if ステートメントを別の if ステートメント内にネストすることで、複雑な条件を処理できます。
⭐ 構文:

if (condition1) {
  if (condition2) {
    // Code to execute if both condition1 and condition2 are true
  } else {
    // Code to execute if condition1 is true but condition2 is false
  }
} else {
  // Code to execute if condition1 is false
}

?例:

let num = 20
let operation = "+";

if (num >= 0) {
  if (operation === "+") {
    console.log("Sum of number is " + (num + 100)); // Output: Sum of number is 120
  } else {
    console.log("Invalid choice");
  }
} else {
  console.log("Negative values not allowed");
}

?スイッチとネストされた If-Else または else-if: 適切なツールの選択
ここで、複数のテスト ケースをチェックする場合に 1 つの質問が生じます。switch、ネストされた if-else、または else-if のどのステートメントを使用する必要がありますか?すべてにより、さまざまな状況に対処できるようになりました。ただし、これらは特定のシナリオに適していました:

1. スイッチ: 複数の固定値を 1 つの変数と比較する場合に最適です。したがって、単一の値を直接比較する場合に使用します。
2. ネストされた if-else または else if: 条件が複雑な場合、または複数の変数または式が含まれる場合に便利です。したがって、複数のチェックが必要な複雑な条件やシナリオにこれらを使用してください。

結論

条件ステートメントは JavaScript の論理制御の基礎であり、開発者は対話型で動的なプログラムを構築できます。 if ステートメントの単純さから三項演算子の優雅さまで、これらの構造を理解すると、コーディング能力が向上します。これらのステートメントを試して、プロジェクトに柔軟性と意思決定力をどのように追加できるかを確認してください。
条件文の使用方法の素晴らしい例はありますか?以下のコメント欄でシェアしてください！ ?
コーディングを楽しんでください!✨

以上がJavaScript 条件文: コードで意思決定を行うためのガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。