JavaScript - 継続语句(Continue Statement)

こんにちは、未来のJavaScript魔法使いたち!今日は、JavaScriptで最も役立つ制御フロー语句の一つである「継続语句(Continue Statement)」について深く掘り下げます。コードの「スキップ」ボタンを持つようなものです!一緒にこの興味深い旅に出発しましょう。

JavaScript - Continue Statement

継続语句とは?

本題に入る前に、まず継続语句が何をするのかを理解しましょう。あなたが本を読んでいると、関係のないページに遭遇することがあります。あなたは何をしますか?スキップして次のページに進むでしょう、-right?プログラミングにおける継続语句もまさにそれと同じことをします!

継続语句は、現在のループの残りの部分をスキップし、次のイテレーションに進むようにプログラムに指示します。まるで「ここには見るべきものはない、進めよう!」と言っているようなものです。

文法

継続语句の文法は非常にシンプルです:

continue;

それだけです!たった一語でこんなに多くのことができます。しかし、忘れないでください、これはループ内でのみ動作します。ループの外で使用するとエラーが発生します。本を読んでいない中でページをスキップしようとするのと同じです!

継続语句とforループ

まず、継続语句の最も一般的な使用例であるforループ内での使用を見てみましょう。以下はその例です:

for (let i = 1; i <= 5; i++) {
if (i === 3) {
continue;
}
console.log(i);
}

このコードは何を 출력すると思いますか?それを分解してみましょう:

  1. ループは i = 1 で始まります。
  2. 1を 출력します。
  3. i が2になります。2を 출력します。
  4. i が3になりますが、待ってください!if条件が真ですので、継続语句に達します。
  5. 継続语句はループの残りの部分をスキップし、次のイテレーションに進みます。
  6. i が4になります。4を 출력します。
  7. 最後に、i が5になります。5を 출력します。

したがって、出力は以下のようになります:

1
2
4
5

3が欠けているのを見ましたか?それは私たちの継続语句が動いたのです!

継続语句とwhileループ

継続语句はwhileループでも同様に効果的に動作します。以下はその例です:

let i = 0;
while (i < 5) {
i++;
if (i === 3) {
continue;
}
console.log(i);
}

このコードはforループの例と似ていますが、whileループを使用しています。出力は何でしょうか?その通り:

1
2
4
5

また、3がスキップされています。私たちの信頼の継続语句が再び動きました!

継続语句とネストされたループ

さあ、ネストされたループで一段階進みましょう。ここでは非常に興味深いことが起こります!

for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 3; j++) {
if (i === 2 && j === 2) {
continue;
}
console.log(`i = ${i}, j = ${j}`);
}
}

このコードにはループが他のループの中にあります。継続语句は内側のループにあります。何が起こると思いますか?見てみましょう:

i = 1, j = 1
i = 1, j = 2
i = 1, j = 3
i = 2, j = 1
i = 2, j = 3
i = 3, j = 1
i = 3, j = 2
i = 3, j = 3

i = 2, j = 2が欠けていることに気づきましたか?それは私たちの継続语句が再び動いたのです!

一般的な使用例

継続语句の動作を理解したので、いくつかの一般的なシナリオでどのように使用されるかを見てみましょう:

  1. 配列の不要な要素をスキップする:
let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for (let i = 0; i < numbers.length; i++) {
if (numbers[i] % 2 !== 0) {
continue;
}
console.log(numbers[i]);
}

このコードは偶数のみを 출력し、すべての奇数をスキップします。

  1. 不要な計算を避ける:
for (let i = 1; i <= 100; i++) {
if (i % 10 !== 0) {
continue;
}
console.log(`${i} は10で割り切れます`);
}

このコードは10で割り切れる数に対してのみ console.log 操作を行い、不要な計算を省きます。

最佳実践とヒント

  1. 控えめに使用する: 継続语句は強力ですが、過度に使用するとコードが読みにくくなります。本当に論理を簡素化する場合にのみ使用してください。

  2. コードにコメントを追加する: 継続语句を使用する際には、なぜそのイテレーションをスキップするのかを説明するコメントを追加すると良いでしょう。

  3. do...whileループには注意する: do...whileループ内の継続语句は条件チェックに飛びますが、ループ本体の先頭には戻りません。

以下に、継続语句に関する主要なポイントをまとめた表を示します:

要素 説明
目的 現在のループイテレーションの残りをスキップ
文法 continue;
対応するループ forループ、whileループ、do...whileループ
ネストされたループへの影響 最も内側のループに影響を与える
最適な使用例 不要なイテレーションや計算をスキップ

そして、皆さん!継続语句の知識を手に入れましたね!記憶に留めておきましょう、ループがスムーズに進むように。ハッピーコーディング、そしてあなたのループが常にスムーズに進むことを祈っています!

Credits: Image by storyset