JavaScriptでのWhileループの2020ガイド

do…whileループを使用してコードのブロックを1回実行でき、ステートメントがtrueと評価され続ける場合は実行を継続します。 whileおよびdo…whileループは、特定の条件が満たされたときにコードのブロックを実行する場合に役立ちます。

ループはプログラミングのコア機能であり、同様のタスクを自動化するために使用されます。たとえば、学生のリストにあるすべての名前を印刷するとします。タスクを自動化するループを作成できます。

JavaScriptは、反復タスクを複数回実行するために使用できる2つの主要なタイプのループを提供します。 forループと呼ばれる最初のタイプは、ステートメントを特定の回数実行します。 2番目のタイプはwhileループで、条件がtrueと評価されるかどうかに基づいて実行されます。

このチュートリアルでは、 whileの基本について説明します。 JavaScriptでループします。 whileの構文を調べます ループ、do…whileループの作成方法 動作中のこれらのループのいくつかの例を調べてください。

JavaScriptWhileループ

JavaScriptのwhileループは、条件が true と評価されている間、コードのブロックを実行します 。 whileループは、条件がfalseと評価されると実行を停止します。 whileループを使用すると、コードをコピーして貼り付けることなく、コードのブロックを複数回繰り返すことができます。

while ループは、コードを不特定の回数実行する場合によく使用されます。一方、JavaScriptのforループは、ループを実行する回数をすでに知っているか、計算できる場合に使用されます。

whileの構文は次のとおりです。 JavaScriptでループする：

while (condition_is_true) {
   // Run code
}

while ステートメントはJavaScriptのforと非常によく似ています ステートメント。

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

常にtrueと評価される条件を指定することにより、無限ループを作成できます。プログラムを手動で停止するまでループを続行したい場合を除いて、条件がfalseと評価されることを確認してください。

JavaScriptWhileループの例

独占パーティーを主催しているとしましょう。いつでも40人だけをパーティーに招待したいと思っています。

私たちのパーティーにはすでに35人が参加しています。誰かを招待するたびに、制限に達する前に招待できる人数を計算します。 whileを使用するプログラムの例を次に示します。 この計算を実行するためのループ：

var limit = 40;
var current_attendees = 35;
while (current_attendees < limit) {
   var current_attendees = current_attendees + 1;
   var current_attendees = current_attendees + 1;
   var spaces_left = limit - current_attendees;
   console.log(`There are ${spaces_left} spaces left in the party.`);
};

コードは次を返します：

There are 4 spaces left in the party.
There are 3 spaces left in the party.
There are 2 spaces left in the party.
There are 1 spaces left in the party.
There are 0 spaces left in the party.

コードの最初の2行で、2つの変数を宣言します。 制限 変数は、パーティーに参加できる最大人数を指定するために使用されます。 current_attendees JavaScript変数は、現在パーティーに参加している人数を追跡します。

while 現在の参加者の数が設定した制限より少ない限り実行されるループ。

次に、プログラムは 1を追加します 現在の参加者の数に加算し、 current_attendeesを差し引いて残りのスペースの数を計算します 制限から。 最後に、私たちのプログラムは、残りのスペースの数を党首に伝えるステートメントをコンソールに出力します。

while 私たちのパーティーに40人未満の人がいる限り、ループは実行されました。ループが実行されるたびに、 current_attendees 1増加しました。 パーティーが40人の参加者に達するとすぐに、ループの実行が停止しました。

whileループ：別の例

別の例を使用して、whileループの動作を説明しましょう。次の例では、 whileを作成します。 パーティーVIPの配列内のすべての名前を出力するループ：

var vips = ['Robert De Niro', 'Will Smith', 'Brad Pitt', 'Denzel Washington'];
var counter = 0;
while (counter < vips.length) {
   console.log(vips[counter]);
   var counter = counter + 1;
};

コードは次のようになります：

Robert De Niro
Will Smith
Brad Pitt
Denzel Washington

ループはvipsを繰り返します カウンター変数がJavaScript配列の長さよりも短い限り、配列。

JavaScriptは…whileループ

JavaScriptのdo…whileループはステートメントを1回実行してから、条件が真であるかどうかをチェックします。条件が真の場合、ループが再度実行されます。それ以外の場合、コードは実行を停止します。

whileループとdo…whileループには大きな違いが1つあります。 do…whileループは、指定された条件がtrueと評価されない場合でも、少なくとも1回は実行されます。一方、whileループは、その条件がtrueと評価された場合にのみ実行されます。

do…whileの構文は次のとおりです。 JavaScriptでループする：

do {
   // Run code
  } while (condition_is_true);

do…whileのコード ループは常に少なくとも1回は実行されます。

JavaScriptは…whileループの例

例を使用して、実行中の方法を説明しましょう。 ループは機能します。推測ゲームを作成しているとしましょう。私たちのプログラムでは、ユーザーが正しい番号を推測するまで、ユーザーに番号を推測するように求め続けたいと考えています。

この推測ゲームを作成するために使用できるプログラムの例を次に示します。

var number_to_guess = 7;
var guessed_number = 0;
do {
   var input = prompt("Enter a number between 1 and 10.")
   var input = prompt("Enter a number between 1 and 10.")
   var guessed_number = parseInt(input);
} while (guessed_number != number_to_guess);

私たちのプログラムは、guessed_number である限り、1から10までの数字を挿入するようにユーザーに求めます。 number_to_guessと等しくありません。 しかし、私たちのプログラムは私たちの doの内容を実行します 初めて条件を評価する前のステートメント。

条件がfalseの場合、ループの実行は停止します。

結論

whileループを使用して、ステートメントがtrueと評価されている間、コードの繰り返しブロックを実行できます。 do…whileループを使用して、コードのブロックを1回実行できます。ステートメントがtrueと評価され続ける場合、それらは実行を継続します。

whileおよびdo…whileループは、特定の条件が満たされている間にコードのブロックを実行する場合に役立ちます。

このチュートリアルでは、 whileを作成する方法について説明しました。 およびdo…while JavaScriptでループします。また、これらのループの実際の例をいくつか調べて、それらがどこで役立つかを説明しました。これで、JavaScriptエキスパートのようにwhileループで使用する必要のある情報を入手できます。

JavaScriptの主要な学習リソースとコースに関するアドバイスについては、JavaScriptの学習方法に関する記事をご覧ください。