ループ文
forループ
for(文1;文2;文3)
実行文
}
ステートメント 1 (コードステートメント 2 はループ (コード ブロック) を実行するための条件を定義します ステートメント 3 はループ (コード ブロック) が実行された後に実行します
以下に例を書いてみましょう:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 for 循环</title> </head> <script type="text/javascript"> sum= 0; for(var i=1;i<=10;i++){ sum = sum + i; } document.write(sum); </script> <body> </body> </html>
上記と同様 合計を計算するコード1 から 10 まで
例を書いています: i の値が変化するのを見てください
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 for 循环</title> </head> <script type="text/javascript"> for(var i=1;i<=10;i++){ document.write("第"+i+"天<br>"); } </script> <body> </body> </html>
このようにして、i の値は 1 から 10 に増加します。友達はループしながら
試してみることができます
while(条件){
実行コードブロック;
}
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 while 循环</title> </head> <script type="text/javascript"> var i=1; while(i<10){ document.write("php 中文网<br>"); i++; } </script> <body> </body> </html>
注: 条件を変更する i++ がない場合は、ループ本体内の i++ が条件を変更することに注意してください。 i=1; は常に条件 i<10 を満たすため、ループは実行され続けます
これを無限ループと呼びます
今度は while ループを使用して別の例を作成します: 1-10 の合計を計算します
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 while 循环</title> </head> <script type="text/javascript"> var i = 1; var sum = 0; while(i<=10){ sum = sum + i; i++; } document.write(sum); </script> <body> </body> </html>
上記のコードでも、出力は1から10の合計です
注: whileループは、最初に条件を判断し、条件が満たされない場合は実行を続行します。ループ
上の図のように、i の初期値は 1 です。これで条件が満たされるため、条件が満たされない場合はループ本体の内容が実行されます。たとえば、i=11 の場合、i++ は実行されず、結果が出力されます。sum;
do {
}while(condition); 以下のコード例を見てみましょう:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 do....while 循环</title> </head> <script type="text/javascript"> var i = 11; do{ document.write(i+'次'); i++; }while(i<10); </script> <body> </body> </html>上記と同様に、i の値が最初は 11 で、ループ本体に入り、11 回出力します。を実行し、i の値が 12 になるようにします。すると、条件が満たされていないと判断され、ループから抜けます。注:
do while は、条件が満たされているかどうかに関係なく、少なくとも 1 回実行されます。次に do while を使って 1 から 10 までの合計を計算します。 コードは次のとおりです:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 do....while 循环</title> </head> <script type="text/javascript"> var sum = 0; var i = 1; do{ sum = sum + i ; i++; }while(i<=10) document.write(sum); </script> <body> </body> </html>continue と Break
break ステートメントはサイクルを飛び出すために使用されます。
continue は、ループ内の反復をスキップするために使用されます。break ステートメントは以前に switch で使用されていました
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>break</title> </head> <script type="text/javascript"> for(var i=1;i<=10;i++){ if(i==5){ //break; continue; } document.write(i+"<br>"); } </script> <body> </body> </html>上記のコードをコメントアウトして、2 つの出力の違いを確認することができます
。
break i が 5 に等しい場合、ループから直接抜け出すので、4 回だけ出力されます。
continue i が 5 に等しい場合、ループを抜けて実行を継続します。出力結果は 5 に等しい値のみが出力されます。次のセクション