猫と遊ぶ 見習いプログラマーの備忘録

日々の学んだ事を随時更新。主にプログラム。その他いろいろ

for文であそんでみた break/continue

breakで処理を途中で止めてみる

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>breakを使ってみる</title>
</head>

<body>
  <script>
    // 1~10まで処理を繰り返す
    for (var a = 1; a <= 10; a++) {
      // 変数aが5になったら
      // または、5回目の処理のときに、止める
      if (a == 5) break;
      // コンソールに結果出しまーす。
      console.log(a);
    }
  </script>
</body>

</html>

結果は、

f:id:msm20-chocolateee:20180927155439p:plain

こんな感じになって、5回目の処理の時点で止めています。

continueでスキップ処理

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>continueを使ってみる</title>
</head>

<body>
  <script>
    // 1~30まで処理を繰り返す
    for (var a = 1; a <= 30; a++) {
      // 変数aが3の倍数になる毎、先頭に戻って処理続行
      if (a % 3 == 0) continue;
      // コンソールに結果出しまーす。
      console.log(a);
    }
  </script>
</body>

</html>

結果は、

f:id:msm20-chocolateee:20180927160850p:plain

こんな感じになって、
今回の場合は、3の倍数になったら飛ばして、
その後の処理を継続させるようにしています。
繰り返し処理の先頭に戻るといったほうがよいかもしれません。

なので、結果的にきれいに3の倍数は表示しなくなるようになっています!