JS学習記録第5回　ループ文の使い方について

こんにちは。
今回はJSのループ文についてまとめていこうかなと思います！

ループ文とはいわゆる繰り返し処理のことです。
WordPressをやったことがある人はわかるかと思います。
(while文とかですね。)
JSでのループ文は以下のようにfor文を使うことが多いようです。
（まだよく分からないのですが。。。）
例えば以下の記述があるとします。

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

for(let i = 0; i < arry.length; i++){
   console.log(i);
}

こちらがfor文（ループ文）の一般的な記述なのですが、１つずつ見ていきます。
まず、const arry =[1,2,3,4,5];
でarryという変数に数字の１から５までの数字が配列として存在しています。

for(let i = 0; i < arry.length; i++){
console.log(i);
}
こちらは、
let i = 0;　←iという変数に0を代入し、初期化処理を行っております。
i<arry.length; ←変数iが変数iのlength(配列の数)より大きい場合。
i++　←iに１を足すという意味。

i++について
i = i+1と同じ意味。プログラミングでは省略するために++と記述します。

上記の処理をまとめると、
変数iが変数arryの配列の数より大きくなるまで１を足していく。
ということになります。

実行結果が0,1,2,3,4なのは、
変数iが配列の添字だからです。（プログラミングでは0から始まるため）
んー、よく分からない。。。

そのため、以下のような記述にすると分かりやすいかもしれません。

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

for(let i = 0; i < arry.length; i++){
   console.log(i,arry[i]);
}

console.log(i, arry.[i])と2つの値を記述しました。
出力結果を確認しますと、
左側が変数i、
右側が変数arryの配列を意味します。

配列の中身をそのまま持って来るときはarry.[i]ですね！

こうするとより分かりやすいかもしれません！

const arry =['東京','大阪','北海道','福岡','沖縄'];

for(let i = 0; i < arry.length; i++){
   console.log(i,arry[i]);
}

今回はJSの基本的なループ処理についてまとめてみました。
学習しているときに、2回ほど無限ループに引っかかりパソコンのファンが回りっぱなしでした_:(´ཀ`」 ∠):
気をつけたいですね。。。

もし無限ループにハマったたら、
macだとcommand + option + escで強制終了ができます！
でもパソコンにとっては負担なので無限ループには気をつけましょう！