3
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文

Posted at

#はじめに
こんにちは。
JavaScriptのfor文についてアウトプットしていきます!

##繰り返し処理とは

繰り返し処理とは、ある条件下において何らかの行為を繰り返し実行するための処理です。「ループ(Loop)」とも言われています。

参照:https://tcd-theme.com/2021/05/javascript-for.html


###for文の記述

JavaScript
const arry = [1,2,3,4];

for(let i = 0; i < arry.length; i++){
  console.log(i);  //0,1,2,3
}
//for(初期化処理; ループの条件式; ループ内で実行される式)

このfor文では、定数arryに格納された配列の要素の数だけループを実行させる。

###for in

JavaScript
for(let i in arry){
  console.log(i);  //0,1,2,3
}

for inは要素の添字を参照し、先ほどより少ない記述で同じ実行結果を得られる。

###for of

JavaScript
for(let v in arry){
  console.log(v);  //1,2,3,4
}

for ofは値を参照するので、実行結果は定数arryに格納された値となる。


#最後に
ここまで繰り返し処理のfor文についてまとめました。
改善点などがありましたらコメントなどいただけると嬉しいです!

3
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
3
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?