JavaScriptによるプロセス制御を分析した記事

スクリプト言語として、JavaScript は Web プログラミングに非常に適しています。実際、Web 開発で最も一般的に使用される言語の 1 つです。フロー制御は、JavaScript で最も一般的に使用されるプログラミング手法の 1 つです。この記事では、if ステートメント、switch ステートメント、for ループ、while ループ、do-while ループの観点から JavaScript のフロー制御を分析します。

if ステートメント

if ステートメントは、条件に基づいてプログラムの実行フローを制御するために使用されます。その基本的な構文は次のとおりです:

if (condition) {
  // code block to be executed if condition is true
}

条件 (条件) が満たされると、中括弧内のコード ブロックが実行され、そうでない場合はコード ブロック内のステートメントがスキップされます。次の例は、if ステートメントの使用法を示しています:

var x = 10;

if (x > 5) {
  console.log("x is greater than 5");
}

この例では、x の値が 10 であるため、条件 x > 5 が満たされ、コード ブロック内のステートメントが実行されます。コンソールには「x は 5 より大きい」と表示されます。

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

if...else ステートメントは、条件が満たされた場合に 1 つのコード ブロックを実行し、条件が満たされない場合に別のコード ブロックを実行するフロー制御構造です。 . .基本的な構文は次のとおりです:

if (condition) {
  // block of code to be executed if the condition is true
} else {
  // block of code to be executed if the condition is false
}

上記のコードでは、条件が満たされた場合は if ステートメント ブロック内のコードが実行され、そうでない場合は else ステートメント ブロック内のコードが実行されます。以下は例です:

var x = 20;

if (x < 10) {
  console.log("x is less than 10");
} else {
  console.log("x is greater than or equal to 10");
}

x の値が 20 であるため、if ステートメントの条件 x

switch ステートメント

switch ステートメントは、さまざまな条件に基づいてさまざまなコード ブロックを実行するために使用される多方向分岐ステートメントです。基本的な構文は次のとおりです。

switch (expression) {
  case value1:
    // code block to be executed if expression matches value1
    break;
  case value2:
    // code block to be executed if expression matches value2
    break;
  ...
  default:
    // code block to be executed if no case matches expression
}

上で説明したように、expression は switch ステートメントのパラメータであり、値を計算できる任意の式を使用できます。 switch ステートメント ブロック内で、case ラベルはテストする値を指定し、break ステートメントはステートメント ブロックから飛び出すために使用されます。一致するケースがない場合は、デフォルトのステートメントが実行されます。以下に例を示します。

var day = "Monday";

switch (day) {
  case "Monday":
    console.log("Today is Monday");
    break;
  case "Tuesday":
    console.log("Today is Tuesday");
    break;
  case "Wednesday":
    console.log("Today is Wednesday");
    break;
  default:
    console.log("Today is not Monday, Tuesday, or Wednesday");
}

上記のコードでは、day の値が「月曜日」であるため、出力は「今日は月曜日です」となります。

for ループ

for ループは、指定された回数だけステップごとに実行し、各ループ反復で条件をテストするループです。その基本的な構文は次のとおりです。

for (initialization; test condition; update) {
  // code block to be executed
}

for ループでは、初期化ステートメントは通常、カウンター変数を宣言し、それに初期値を割り当てます。テスト条件は、カウンタ変数が条件を満たすかどうかをテストするために使用されます。 update ステートメントは、反復ごとにカウンター変数を更新します。 for ループ ブロック内で、プログラムはすべてのステートメントを順番に実行します。以下に例を示します。

for (var i = 0; i < 5; i++) {
  console.log(i);
}

出力は次のとおりです。

0
1
2
3
4

while ループ

while ループは、条件が true の場合にコードのブロックを繰り返し実行するループです。基本的な構文は次のとおりです。

while (condition) {
  // code block to be executed
}

while ループ内では、プログラムは条件 (condition) が true の場合にのみコード ブロックを繰り返し実行します。条件が満たされなくなると、プログラムは while ループを終了します。以下に例を示します。

var i = 0;

while (i < 5) {
  console.log(i);
  i++;
}

出力結果は、for ループを使用した例と同じです。

0
1
2
3
4

do-while ループ

do-while ループは、 true である条件 コード ブロックを繰り返し実行するループ。while ループとは異なり、コード ブロックは常に 1 回実行され、コード ブロックの実行後に条件がチェックされます。基本的な構文は次のとおりです。

do {
  // code block to be executed
} while (condition)

次に例を示します。

var i = 0;

do {
  console.log(i);
  i++;
} while (i < 5);

この例の出力結果は、for ループおよび while ループを使用した例と同じです。

0
1
2
3
4

まとめ 前述したように、JavaScript のフロー制御は効率的なプログラムを作成するための鍵です。終わり＃＃＃

以上がJavaScriptによるプロセス制御を分析した記事の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。