Javascript の基本的なチュートリアルのループステートメント

ループ文

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 に等しい値のみが出力されます。

学び続ける

新しいファイル

<!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>

提出するリセットコード

自動運転