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 3 years have passed since last update.

はじめてのJavaScript⑧ 「繰り返し処理 "for"」

Last updated at Posted at 2021-10-21

##1. はじめに
本記事では、JavaScriptの
「繰り返し処理 "for"」
について記載する。
##2. 概要
###繰り返し処理とは?
同じ処理を何回も実行すること。
###繰り返し処理の種類

・for
・while
・do while

※本項ではforを紹介する。残り2つは次項以降に紹介する。
##3. for
###概要
forとは、決められた回数だけ繰り返し処理を行う制御文のことである。
###構文

index.js
for (初期化式: ループ継続条件式; 増減式) {
  //繰り返し実行したい処理を記述
}

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

変数iの値を1から3まで出力するプログラムを、for文を使用して記述。

index.js
for (let i = 1; i <= 3; i++) {
  console.log(i);
}

詳細を説明すると、以下のようになる。


###初期化式 forの()内の”let i = 1;”は初期化式で、 for文が実行されるときに最初の一回だけ実行される式を指す。
###ループ継続条件式 次の”i <= 3;”はループ継続条件式で、今回の例題は 変数iが3以下のときにループを実行する という意味となる。
###増減式 最後の”i++”は、 条件を満たすまで変数iに1ずつプラスする という意味となる。
デベロッパーツールで検証してみると、 ![スクリーンショット 2021-10-21 17.19.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/662822/3c805d00-f5f3-8d6c-e615-fa607f32ee55.png) 初期値1から3になるまで実行されていることがわかる。 ##5. おわりに 次項:[はじめてのJavaScript⑨ 「繰り返し処理 "while"」](https://qiita.com/Stack_up_Rising/items/a4f72612e6c8ae5b0e89)へ続く。
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?