JavaScript (3): JavaScript プロセス制御

1. if条件判定文

if文はプログラミングにおける条件判断に使用される制御構造です。

その基本的な形式は次のとおりです。

if (条件表达式) {
    
    
// 代码块;
}
let age = 23;
if (age >= 18){
    
    
    document.write("成年人" + "<br/>");
}

ここでの「条件」は、特定の条件が満たされるかどうかを判断するために使用されるブール式です。条件が true の場合、コード ブロック内のステートメントが実行され、条件が false の場合、コード ブロックはスキップされます。

基本的な if ステートメントに加えて、if-else 構造および if-elif-else 構造を使用して、より複雑な条件判断を実行することもできます。

if-else 構造の構文は次のとおりです。

if (条件表达式) {
    
    
// 代码块;
} else {
    
    
// 代码块;
}

let age = 23;
if (age >= 18){
    
    
    document.write("成年人" + "<br/>");
} else {
    
    
    document.write("未成年人" + "<br/>");
}

この場合、条件が true の場合はコード ブロック 1 が実行され、条件が false の場合はコード ブロック 2 が実行されます。

if-elif-else 構造は、if-else 構造に基づいて複数の elif 条件を追加し、より多くの条件判断を実行します。

その構文は次のとおりです。

if (条件表达式) {
    
    
    // 代码块;
} else if(条件表达式) {
    
    
    // 代码块;
} else {
    
    
    // 代码块;
}

この場合、条件 1 が true の場合はコード ブロック 1 が実行され、条件 1 が false で条件 2 が true の場合はコード ブロック 2 が実行され、条件 1 と条件 2 の両方が false の場合はコード ブロック 2 が実行されます。 3.

if文により、条件に応じて異なるコードを実行することができ、より柔軟な制御処理を実現します。

ブール式のサポートに加えて、if ステートメントの条件式は非ブール式もサポートします。

データの種類 それは本当です 偽です
番号 非0 0
空でない文字列 空の文字列
未定義 偽物
NaN(非数) 偽物
物体 オブジェクトが null ではありません ヌル

2. スイッチ選択ステートメント

switch ステートメントは、複数の状況で異なるアクションを実行する条件付きステートメントです。

これは通常、一連の if ステートメントを置き換えるために使用されます。構文形式は次のとおりです

switch (变量名) {
    
    
   case 常量值:
      break;
   case 常量值:
      break;
   default:
       break;
}

コードデモ:

// switch: 判断分数: 10分优良,9分及格,8分以下不及格
let score = 8;
switch (score){
    
    
    case 10:
        document.write("优良" + "<br/>");
        break;
    case 9:
        document.write("及格" + "<br/>");
        break;
    default:
        document.write("不及格" + "<br/>");
        break;
}

3. ループ構造

ループ構造とは

ループ構造はプログラミングにおいて重要な制御構造であり、特定の条件が満たされるまでコードの特定のブロックを繰り返し実行するために使用されます。一般的なループ構造には次のものがあります。

  1. for ループ: for ループは、最も一般的に使用されるループ構造の 1 つであり、ループ変数の初期値、終了条件、および変更を指定することによって制御されます。各反復のステップ サイズ。サイクル。たとえば、for ループを使用して配列を反復処理したり、特定の回数だけ操作を実行したりできます。
  2. while ループ: while ループは、ループ本体を実行する前に、まず条件式を判定します。条件式が true の場合にのみループ本体が実行され、それ以外の場合はループが実行されます。飛び出される。このタイプのループは、未知の条件下で条件が満たされるまで繰り返し操作を実行するのに適しています。
  3. do-while ループ: do-while ループは while ループと似ていますが、その判定条件はループ本体の実行後に判定されます。つまり、条件が満たされるかどうかに関係なく、ループ本体は少なくとも 1 回実行されます。

ループ構造を使用する場合、ループが正しく実行され、無限ループが発生しないように、ループ条件の設定とループ本体内のループ変数の操作に注意する必要があります。

3.1. whileループ文

while ループ ステートメントの構文 (条件が true の場合にループ)

ステートメントの形式:

while (条件表达式) {
    
    
    需要执行的代码;
}

// while: 打印1-10
let num = 1;
while (num <= 10){
    
    
    document.write(num + "<br/>")
    num++;	//要注意这个++,不然会进入死循环
}
3.2. do...while ループ文

do-while ループ構文 (少なくとも 1 つのループを実行)

JavaScriptdo...while ループは基本的なループ ステートメントであり、その構文構造は次のとおりです。

do {
  // 循环体
} while (condition);

do...whileループは、まずループ本体のコードを 1 回実行し、次に の値が false の場合にのみ終了します。 condition 条件が true かどうかを判断しますcondition

do...while ループと while ループの違いは、do...while ループ本体のコードは、ループが実行された場合でも少なくとも 1 回実行されることです。条件が偽です。

ここでは、do...while ループを使用して 1 から 10 までの合計を計算する簡単な例を示します。

var sum = 0;
var i = 1;
do {
    
    
  sum += i;
  i++;
} while (i <= 10);
console.log(sum); // 输出55

上記の例では、do...while ループ、つまり sum += i;i++; ステートメントが最初に実行され、次に i の値が 10 以下であるかどうかが判断されます。条件が満たされる限り、ループ本体のコードは継続されます。 i の値が 10 より大きくなるまで実行されます。 do...while ループは終了します。

3.3. for ループ

JavaScript の for ループは、最もよく使用されるループ構造の 1 つです。

これは柔軟で簡潔かつ効率的であり、通常はサイクル数がわかっている場合に使用されます。その文法構造は次のとおりです。

for (initialization; condition; increment) {
  // 循环体
}

forループの実行プロセスは次のとおりです。

  1. 初期化式を実行します initialization。通常、ループ カウンターなどの変数を初期化するために使用されます。
  2. ループ条件 condition が true かどうかを判断します。true の場合はループ本体のコードを実行し、そうでない場合はループを終了します。
  3. 増分式を実行します increment。通常、ループ カウンタなどの変数の値を増やすために使用されます。
  4. ループ条件 condition が true であるかどうかを再度確認します。true の場合はループ本体内のコードを繰り返し、そうでない場合はループが終了します。

ここでは、for ループを使用して 1 から 10 までの合計を計算する簡単な例を示します。

var sum = 0;
for (var i = 1; i <= 10; i++) {
  sum += i;
}
console.log(sum); // 输出55

上記の例では、for ループの initialization 式はループ カウンター変数を初期化しますi。< /a > 式はループ カウンタの変換に使用されます< /span> が計算されます。は55歳です。 ステートメントが実行されるたびに、最終出力値 の値は 1 ずつ増加し、ループ本体の が 10 以下かどうかを判断し、condition 式は、ループ カウンタ変数iincrementisum += i;sum

3.4、中断して続行

breakcontinue は、ループ実行のフローを制御するために使用されるキーワードです。

通常、break キーワードは、ループ内の特定の条件が満たされたときにループを強制的に終了するために使用され、ループ内の次のステートメントは実行されなくなり、次のコードが実行されます。

var num = 1;

while (true) {
    
    
  if (num % 3 === 0) {
    
    
    console.log("找到了能被3整除的第一个正整数:" + num);
    break;
  }
  num++;
}

この例では、while ループを使用して、各正の整数を段階的に試します。3 で割り切れる最初の正の整数が見つかった場合は、break ループを抜けて結果を出力します。ループ条件は true であるため、条件を満たす数値が見つかるまでループが実行され続けることに注意してください。

特定の条件を無視するには continue を使用します

1 から 10 までの奇数の出力を例として、継続を使用して偶数をスキップできます。

for (var i = 1; i <= 10; i++) {
    
    
  if (i % 2 === 0) {
    
    
    continue; // 如果 i 是偶数,则跳过当前循环的剩余部分
  }
  console.log(i); // 这行代码只有 i 是奇数时才会执行
}

この例では、for を使用して 1 から 10 までループします。 i が偶数の場合 (つまり、 i を 2 で割った余りが 0 の場合)、 continue ステートメントは次のようになります。ループは、 console.log(i) ステートメントを無視して、次の反復にすぐに続行されます。したがって、 i が奇数の場合のみ console.log(i) ステートメントが実行され、 i の値が出力されます。

おすすめ

転載: blog.csdn.net/weixin_53961667/article/details/134801671