JavaScript ループ 「break」「continue」

JavaScriptでループする意味のコードを記述するとき
「for文」か「while文」を使用するかと思います。

for文コード

for(let i=0;i<5;i++){
 document.write(i);
}

出力

01234

while文コード

let i=0;
while(i<5){
 document.write(i);
 i++;
}

出力

01234

上記のfor文とwhile文は同じ意味です。
この２の文に共通して使える「break」、「continue」という２つの命令があります。
簡単にいうと
「break」は、その時点で強制的にループを抜ける
「continue」は、後の処理をせずにループする
という意味です。どういうことかというと、

for文「break」コード

for(let i=0;i<5;i++){
 if(i===3)break;
 document.write(i);
}

出力

012

「document.write(i);」の前に、「if(i===3)break;」を記述することによって、
「もしiが３になったら、強制的にループを抜ける」
という意味になりブラウザへの出力は「３」の時点でループが停止した「０１２」になり、

for文「continue」コード

for(let i=0;i<5;i++){
 if(i===3)continue;
 document.write(i);
}

出力

012４

「document.write(i);」の前に、「if(i===3)continue;」を記述することによって、
「もしもiが３の時だけ、continueから後の処理を飛ばしてループを続行する」
という意味になりブラウザへの出力は「３」を飛ばした「０１２４」になるわけです。
ただこの「continue」は注意が必要で、

while文コード

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

出力

無限ルーーーーープ！

このように記述をしてしまうと、コードは上から順に読み込んでいくので、
「０」「１」「２」までは問題なくループし、
「３」の時のループでは「continue」が先に読み込まれて、
「i++;」により「i」が１増える前に次のループに行ってしまうので、
どれだけループしても一生「i」は「３」のままということになってしまいます。

while文コード

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

出力

1245

このように命令文の順番を変えると、無限ループではなくなりました。
命令の最初に「i++;」があることによって
「０」からの出力ではなく「１」からの出力になってしまいますけどね。