0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

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

Last updated at Posted at 2021-10-25

##1. はじめに
本記事では、JavaScriptの
「繰り返し処理 "while"」
について記載する。
##2. whileの使い道
:::note
回数が決まっていない場合の繰り返し処理に使用される。
:::
:::note
条件がtrueの間に繰り返し処理が実行されることが特徴である。
:::
:::note
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++; } ``` :::note 条件式の()内は、変数jが3までになるまで実行されるという意味。 (変数jの初期値は1なので、例題に沿っている) ::: :::note console.logの()にjを入れて変数jを出力している。 また、jに1ずつプラスすることによって条件を満たすようにプログラムさせている。 :::
なお、デベロッパーツールで表示すると以下のようになる。 ![スクリーンショット 2021-10-25 15.29.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/662822/db7211d1-210b-eb94-45af-c503080f7cca.png) ##5. おわりに 次項:[はじめてのJavaScript⑩ 「繰り返し処理 "do while"」](https://qiita.com/Stack_up_Rising/items/b768c056565c01de640a)へ続く。
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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?