for文の使い方と処理のスキップ（continue）【JavaScript勉強ログ #17】

※本記事はJavaScriptの勉強がてら、自分達の学んだことを備忘録的に残しておくことが目的です。素人が四苦八苦しながらJavaScriptを学ぶ過程を楽しんでいただければ、そしてそれが、少しでも誰かのためになれば嬉しいです。
また、本記事は備忘録的にまとめていきますので、詳細までは書かないこともあります。ご了承を～

はじめに
for文とcontinue文
最後に
参考書籍・Udemy

はじめに

さて今回は、for文の使い方と処理のスキップ（continue）についてまとめたいと思います。

for文は条件に入れた回数分処理を実行する、continue文は一定条件に合致した場合そのループ処理をスキップ(飛ばす)処理です。

前回まとめたwhile文、break文同様、どんな言語にも出てくる必須級の処理になっていますので、必ず覚えておくようにしましょう。

for文とcontinue文

for文は以下のように記述します。

for (初期化処理; 繰り返し条件; 繰り返し時処理) {
　繰り返したい処理
}

初期化処理は最初に1度だけ実行される処理です。例えば、「i」という変数に0や1を代入し、そこから数値を増やしながら処理を実行していくようなイメージです。

繰り返し条件はイメージしやすいですね。その条件を満たしている間ループが実行されるというわけです。

最後に繰り返し時処理です。こちらは1回処理が終わった後、どのような処理を実行するかです。例えば、”処理が1回終わるごとに、ある変数に1を加算する”といった処理を実行しておくことで、繰り返し条件にどんどん近づいていけるわけです。

continue文は簡単ですね。ある一定条件でその1ループがスキップされます。ポイントは、break文とは異なり、処理自体が終了するわけではないという点です。あくまでも、1ループがスキップされるのみですので注意しましょう。breakは処理の終了、continueは処理のスキップと覚えておいてくださいね。

こちらも例を見ながら理解を深めましょう。

<html>
	<head>
		<meta charset="UTF-8" />
		<title>JavaScript勉強ログ</title>
	</head>
	<body>
		<script>
			for (let i = 0; i < 10; i += 2) {
			if (i == 2) {
					continue;
				}
				document.write(i); // ()内の文字をボディ部に書き込む命令
				document.write("<br/>"); // 改行
			}
			document.write("終了！");
		</script>
	</body>
</html>

最初に変数「i」へ0を代入して処理がスタートします。そして、この処理は「i < 10」の間実行され、1ループが終わるごとにiへ2が加算されます。

continue文は「i == 2」の際に実行され、その分の処理だけスキップします。

まぁあとは皆さん色々と試してみてイメージを深めてください。