ループとは、1 つのことを繰り返し実行することです。コードを作成する過程で、一部のデータを走査したり、特定の文字列を繰り返し出力したりするなど、繰り返し実行する必要がある操作に遭遇することがよくあります。行を記述するのは非常に面倒です。この種の繰り返し操作の場合は、ループを使用して完了することを選択する必要があります。
ループの目的は、特定のコードを繰り返し実行することです。ループを使用すると、プログラミングの負担が軽減され、コードの冗長性が回避され、開発効率が向上し、後のメンテナンスが容易になります。 while ループは JavaScript で提供される最も単純なループ ステートメントです。while ループと do-while ループの使用方法について学びましょう。
while ループ文はループ文当型であり、条件が満たされた場合にループ本体が実行されます。
機能:指定した条件が満たされなくなるまで操作を繰り返します。
特徴:まず式を判定し、式の結果が true の場合に対応するステートメントを実行します。
1. JSのwhileループ構文
while (式) { //式はループ条件 // 実行するコード}ステートメント解析：
まず「式」の値を計算し、値がtrueの場合、ループ内で「PHP」を実行body Statement block";
説明: "expression" の計算結果は Boolean 型 (TRUE または FALSE) になります。それ以外の型の値の場合は、自動的に Boolean 型の値に変換されます (PHP は弱い言語であるため)型であり、変数の値に従って変換され、変数が正しいデータ型に自動的に変換されます)。
「ステートメント ブロック」は、
{ }で囲まれた 1 つ以上のステートメントの集合です。ステートメント ブロック内にステートメントが 1 つしかない場合は、{ }省略することもできます。
式の値が得られるまで
繰り返します。
ループから抜け出す前に false の場合は、while の下のステートメントを実行します。
while ステートメントのフローチャートは次のとおりです。
通常、「式」は比較演算子または論理演算子を使用して計算された値です。
コード例は次のとおりです
。
変数 i = 1;
while( i <= 5) {
document.write(i+", ");
i++;
}
</script> 
注:
ループ ステートメントを作成するときは、条件式の結果が false (つまり、ブール値 false) になる可能性があることを確認する必要があります。式の結果が true である限り、ループは続行されます。この種の障害の場合、自動的に停止するループは、通常、「無限ループ」または「無限ループ」と呼ばれます。
誤って無限ループを作成すると、ブラウザやコンピュータがフリーズする可能性があります。
式が常に true で、ループ条件も常に true の場合、while ループは実行を続けて終了することはなく、「無限ループ」になります
。
一方(i){
コンソール.ログ(i);
プログラムの実行後、
ユーザーがプログラムを強制的に閉じるまで、変数iの値が出力されます。
JS while ループの例
[例 1] while ループを使用して 1 から 100 までのすべての整数の合計を計算します
。
変数 i = 1;
変数合計=0;
while(i<=100){
和+=i;
i++;
}
console.log("100 に 1 を加算した値は次のとおりです: "+sum);
</script>出力結果:
[例 2] 1900 年から 2020 年までの閏年をすべて検索し、1 行に 6 個として出力します。
<script>
変数 i = 1900;
var count = 0; //閏年の数をカウントします (i <= 2020) {
//うるう年かどうかを判定 if (i % 4 == 0 && i % 100 != 0 || i % 400 == 0) {
document.write(i + " ");
カウント++;
if (カウント % 6 == 0) {
document.write("<br/>");
}
}
i++;
}
</script> 
2. JS while ループのネスト構造
while ループでもネスト効果を実現できます。つまり、1 つ以上の while ループが while ループ内にネストされます。
構文形式:
while(条件1){
//条件1がtrueの場合に実行されたコード（条件2）{
// 条件 2 が true の場合にコードが実行されます...
}
概要:ネストとは、包含を意味します。いわゆる while ループのネストは、while 内に while をネストすることです。これは、前の基本構文と同じです。
ここでは、2 つの while ループのネストを定義しています。もちろん、while ループは必要なだけネストできます。
while ループの実行処理を理解します。
内側のループの実行が完了すると、次の外側のループの条件判定が実行されます。
例 1: ネストされたループを使用して、カウンター
<script type="text/javascript">を出力します。
変数 i = 0;
while(i < 2){
console.log("i =", i);
var j = 0;
while(j < 2){
console.log("tj =", j);
j += 1;
}
i++;
}
console.log("オーバー");
</script> 
まず、最も外側の while ループのネストを定義します。カウンタ変数 i は 0 から始まり、終了条件は i < 2 です。ループが実行されるたびに、i の値は 1 ずつ増加し、i の現在の値になります。が印刷されます。
最も外側のループ内には、内側のループも定義されています。カウンタ変数 j は 0 から始まり、終了条件は i < 2 です。ループが実行されるたびに、j の値は 1 ずつ増加し、現在の値は です。 jが出力されます。
while ループのネストの概要
JavaScript の while ループでは、ネストされた効果も実現できます。つまり、1 つ以上の while ループが while ループ内にネストされます。
例 2:
<スクリプト>
/*
1. 嫁をループで 3 回印刷します、私は間違っていました 2. 皿を洗います 3. 上記は一連の罰です、この一連の罰は 3 日間繰り返されます - 一連の罰は繰り返されなければなりません - while ループに入れます */
変数 j = 0
while(j < 3){
変数 i = 0
while(i < 3){
document.write('お嫁さん、私は間違っていました<br>')
i += 1;
}
document.write('皿洗い<br>')
document.write('一連の罰は終わりました!!!!!!!!!!!!<br>')
j += 1;
}
</script> 
while ループに加えて、do-while ループもあります。
do-while ループ文は「直到型」ループ文です。ループ本体内の「文ブロック」を一度実行し、その後ループ条件が true の場合はループを続けます。 、 、ループは終了します。
したがって、式の結果に関係なく、do-while ループ ステートメントは「ステートメント ブロック」を少なくとも 1 回実行します。
do-while ループ ステートメントの特徴:最初にループ本体を実行し、次にループ条件が true かどうかを判断します。
1. JS do-while ループ構文
do{
ステートメントブロック;
}while(expression);//式はループ条件文として解析されます。
まず、ループ本体内の「ステートメントブロック」を一度実行し、「式」の値を判定し、「式」の値が true の場合に戻り、ループ本体内のステートメントブロックを再実行します。このプロセスは、式の値が false になるまで繰り返され
、この時点でループが終了し、後続のステートメントが実行されます。
注:
while ループと同様、do-while ループ内の「式」の計算結果はブール値 TRUE または FALSE である必要があります。他の型の値の場合は、自動的にブール値に変換されます。
do-while ステートメントの最後のセミコロンは省略できません (必ず存在する必要があります) ;これは do while ループの構文の一部です。
do-while ループ ステートメントのフローチャートは次のとおりです。
JS do-while ループの例
【例 1】 do-while を使用して 1 ～ 5 の数値を出力する:
<script>
変数 i = 1;
する {
document.write(i+", ");
i++;
}while( i <= 5);
</script> 
[例 2] while ループを使用して、1 から 100 までのすべての整数の合計を計算します
。
変数 i = 1;
変数合計=0;
する{
和+=i;
i++;
}while(i<=100);
console.log("1 + 2 + 3 + ... + 98 + 99 + 100 = "+合計);
</script> 
[例 3] 1900 年から 2020 年までのすべての閏年を検索する
<script>
変数 i = 1900;
var count = 0 //閏年の数をカウントする do {
//うるう年かどうかを判定 if (i % 4 == 0 && i % 100 != 0 || i % 400 == 0) {
コンソール.ログ(i);
}
i++;
}while (i <= 2020);
</script> 
2. JS do-while ループのネスト構造
do while ループでもネスト効果を実現できます。つまり、1 つ以上の do while ループが do while ループ内にネストされます。この記述方法は、while ループのネストに似ています。
構文:
do{
// ステートメントブロック 1;
する{
// ステートメント ブロック 2;
する{
// ステートメント ブロック 2;
...
}while(条件3);
}while(条件2);
ここでは、do while ループのネストを 3 つ定義しました。もちろん、必要なだけ do while ループをネストできます。
ケース: ループのネストを使用してカウンタ
<script type="text/javascript">を出力します。
変数 i = 0;
する{
console.log("i =", i);
var j = 0;
する{
console.log("tj =", j);
j += 1;
}while(j < 2);
i++;
}while(i < 2);
console.log("オーバー");
</script> 
まず、最も外側の do while ループのネストを定義します。カウンタ変数 i は 0 から始まり、終了条件は i < 2 です。ループが実行されるたびに、i の値は 1 ずつ増加し、私は印刷されます。
最も外側のループ内には、内側のループも定義されています。カウンタ変数 j は 0 から始まり、終了条件は i < 2 です。ループが実行されるたびに、j の値は 1 ずつ増加し、現在の値は です。 j が出力されます。
do while ループのネストの概要
JavaScript の do while ループでは、ネストされた効果を実現することもできます。つまり、1 つ以上の do while ループが do while ループ内にネストされます。
【おすすめ学習：JavaScript上級チュートリアル】
以上がJSループ学習：whileループ文の使い方（詳細な例）の詳細内容です。詳しくはPHP中国語サイトの他の関連記事をご覧ください。
