Javascript の基本的なチュートリアルのループ ステートメント
ループ文
forループ
for(文1;文2;文3)
実行文
}
ステートメント 1 (コードステートメント 2 はループ (コード ブロック) を?qū)g行するための條件を定義します ステートメント 3 はループ (コード ブロック) が実行された後に実行します
以下に例を書いてみましょう:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 for 循環(huán)</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>上記と同様 合計(jì)を計(jì)算するコード1 から 10 まで
例を書いています: i の値が変化するのを見てください
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 for 循環(huán)</title>
</head>
<script type="text/javascript">
for(var i=1;i<=10;i++){
document.write("第"+i+"天<br>");
}
</script>
<body>
</body>
</html>このようにして、i の値は 1 から 10 に増加します。友達(dá)はループしながら
試してみることができます
while(條件){
実行コードブロック;
}
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 while 循環(huán)</title>
</head>
<script type="text/javascript">
var i=1;
while(i<10){
document.write("php 中文網(wǎng)<br>");
i++;
}
</script>
<body>
</body>
</html>注: 條件を変更する i++ がない場合は、ループ本體內(nèi)の i++ が條件を変更することに注意してください。 i=1; は常に條件 i<10 を満たすため、ループは実行され続けます
これを無限ループと呼びます
今度は while ループを使用して別の例を作成します: 1-10 の合計(jì)を計(jì)算します
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 while 循環(huán)</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の合計(jì)です
注: whileループは、最初に條件を判斷し、條件が満たされない場合は実行を続行します。ループ
上の図のように、i の初期値は 1 です。これで條件が満たされるため、條件が満たされない場合はループ本體の內(nèi)容が実行されます。たとえば、i=11 の場合、i++ は実行されず、結(jié)果が出力されます。sum;
do {
}while(condition); 以下のコード例を見てみましょう:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 do....while 循環(huán)</title>
</head>
<script type="text/javascript">
var i = 11;
do{
document.write(i+'次');
i++;
}while(i<10);
</script>
<body>
</body>
</html> 上記と同様に、i の値が最初は 11 で、ループ本體に入り、11 回出力します。を?qū)g行し、i の値が 12 になるようにします。すると、條件が満たされていないと判斷され、ループから抜けます。注: do while は、條件が満たされているかどうかに関係なく、少なくとも 1 回実行されます。次に do while を使って 1 から 10 までの合計(jì)を計(jì)算します。 コードは次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 do....while 循環(huán)</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 と Breakbreak ステートメントはサイクルを飛び出すために使用されます。
continue は、ループ內(nèi)の反復(fù)をスキップするために使用されます。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 つの出力の違いを確認(rèn)することができます。
break i が 5 に等しい場合、ループから直接抜け出すので、4 回だけ出力されます。
continue i が 5 に等しい場合、ループを抜けて実行を継続します。出力結(jié)果は 5 に等しい値のみが出力されます。
