JavaScript の条件文とループ

4 日目: JavaScript の条件文とループ

JavaScript 学習 4 日目へようこそ!今日は、プログラミングにおけるロジックと反復のバックボーンを形成する条件文とループに焦点を当てます。このレッスンが終わるまでに、コード内で意思決定を行い、アクションを効率的に繰り返すことができるようになります。

---

1.条件文

条件ステートメントを使用すると、コードは特定の条件に基づいて決定を下すことができます。 JavaScript には、条件付きロジックを実装するためのいくつかの方法が用意されています。

If-Else ステートメント

if ステートメントは条件をチェックし、条件が true の場合にコードを実行します。 else ステートメントは、条件が false の場合に代替パスを提供します。

構文:

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

例:

let age = 18;
if (age >= 18) {
  console.log("You are eligible to vote.");
} else {
  console.log("You are not eligible to vote.");
}

Else-If ラダー

複数の条件をテストするには、else if を使用します。

例:

let score = 75;
if (score >= 90) {
  console.log("Grade: A");
} else if (score >= 75) {
  console.log("Grade: B");
} else {
  console.log("Grade: C");
}

Switch-Case ステートメント

switch ステートメントは、複数の if-else ブロックの代替です。単一の変数または式に基づく条件が多数ある場合に最適です。

構文:

switch (expression) {
  case value1:
    // Code to execute if expression === value1
    break;
  case value2:
    // Code to execute if expression === value2
    break;
  default:
    // Code to execute if no cases match
}

例:

let day = 3;
switch (day) {
  case 1:
    console.log("Monday");
    break;
  case 2:
    console.log("Tuesday");
    break;
  case 3:
    console.log("Wednesday");
    break;
  default:
    console.log("Invalid day");
}

---

2.ループ

ループは、コードのブロックを複数回実行するために使用されます。

For ループ

for ループは、特定の反復回数だけ実行されます。

構文:

for (initialization; condition; increment/decrement) {
  // Code to execute
}

例:

for (let i = 1; i 



<h4>
  
  
  <strong>while ループ</strong>
</h4>

<p>条件が true である限り、while ループは実行されます。</p>

<p><strong>構文:</strong><br>
</p>

<pre class="brush:php;toolbar:false">while (condition) {
  // Code to execute
}

例:

let count = 1;
while (count 



<h4>
  
  
  <strong>Do-while ループ</strong>
</h4>

<p>do-while ループにより、条件をチェックする前にコードが少なくとも 1 回実行されることが保証されます。</p>

<p><strong>構文:</strong><br>
</p>

<pre class="brush:php;toolbar:false">do {
  // Code to execute
} while (condition);

例:

let count = 1;
do {
  console.log("Count:", count);
  count++;
} while (count 




<hr>

<h3>
  
  
  <strong>3.中断して続行</strong>
</h3>

• Break: ループを直ちに終了します。
• 続行: 現在の反復をスキップし、次の反復に進みます。

例:

for (let i = 1; i 




<hr>

<h3>
  
  
  <strong>4.実際の例</strong>
</h3>

<h4>
  
  
  <strong>パスワードの検証</strong>
</h4>

<p>ユーザーのパスワードが基準を満たしているかどうかを確認します。</p>

<p><strong>例:</strong><br>
</p><pre class="brush:php;toolbar:false">if (condition) {
  // Code to execute if condition is true
} else {
  // Code to execute if condition is false
}

カウンター

ループを使用して、出現回数をカウントしたり、反復的なアクションを実行したりできます。

例:

let age = 18;
if (age >= 18) {
  console.log("You are eligible to vote.");
} else {
  console.log("You are not eligible to vote.");
}

---

今日の練習

1. if-else ステートメントを使用して、数値が偶数か奇数かをチェックするプログラムを作成します。
2. 指定された数値の九九を出力する for ループを作成します。
3. while ループを使用して、1 から 50 までの数値の合計を計算します。
4. Continue を使用して 3 で割り切れる数値をスキップするように for ループを変更します。

---

4日目のまとめ

今日、私たちは次のことを学びました:

1. 条件文: if-else と switch-case を使用して決定を行います。
2. ループ: for、while、do-while ループを使用してアクションを繰り返します。
3. Break and Continue: ループ フローを制御します。
4. パスワード検証やカウンターなどの実世界の例。

---

次のステップ

5 日目では、コードを効果的に整理して再利用する方法に焦点を当てて、関数とスコープについて詳しく説明します。 2024 年 12 月 12 日をお楽しみに!

以上がJavaScript の条件文とループの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。