0
0

More than 1 year has passed since last update.

はじめてのJavaScript⑨ 「繰り返し処理 "while"」

Last updated at Posted at 2021-10-25

1. はじめに

本記事では、JavaScriptの
「繰り返し処理 "while"」
について記載する。

2. whileの使い道

回数が決まっていない場合の繰り返し処理に使用される。

条件がtrueの間に繰り返し処理が実行されることが特徴である。

while文で書いた繰り返し処理はfor文に書きかえることが可能である。

3. 構文

構文は以下のようになる。

index.js
while (条件式) {
  //条件式がtrueのときに実行したい処理
}

4. 例題

例題は以下のようにする。

変数jの値を1から3まで出力するプログラムをwhileを使って記述

変数の設定

まずは変数jを設定する。
例題の条件として、値の最小値は1なので、変数は1としている。

index.js
let j = 1;


while文の記述

index.js
while (j <= 3) {
  console.log(j);
  j++;
}

条件式の()内は、変数jが3までになるまで実行されるという意味。 (変数jの初期値は1なので、例題に沿っている)

console.logの()にjを入れて変数jを出力している。 また、jに1ずつプラスすることによって条件を満たすようにプログラムさせている。



なお、デベロッパーツールで表示すると以下のようになる。
スクリーンショット 2021-10-25 15.29.19.png

5. おわりに

次項:はじめてのJavaScript⑩ 「繰り返し処理 "do while"」へ続く。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0