for関係
1.for(length)...:配列の要素数を,配列.lengthを用いて取得し、番号をキーとして要素の数だけループを行い、要素を取得する方法
2.for..in...配列の要素数をfor...inを用いて取得し、番号をキーとして要素の数だけループを行い、要素を取得する方法
3.for..of...配列の要素そのものを取得する方法
1-3をそのまま取得してみる
const arry =["a","b","c"]
// 1.for(length)...:
for(var i=0;i<=arry.length;i++){
console.log(i)
}
// 2.for..in..
for(let v in arry){
console.log(v)
}
// 3.for..of...
for(let v of arry){
console.log(v)
}
出力結果
1.for(length)...:
数値で、要素番号が取得されます
2.for..in...
"文字列"で、要素番号が取得されます
3.for..of...
要素そのものが取得されます
実際に要素を取得する手順
1.for(length)...:
// 1.配列をスコープ外に生成
const arry = [0,1,2,3,4]
// 2.for文を作成する。arry.lengthを使うと要素数が取得できる
for(let i = 0;i < arry.length;i++){
// 3.iを要素番号に指定する
console.log(arry[i])
}
2.for..in...
// 1.左辺に変数を生成する。（これが出力される数値となる）
// 2.右辺に配列を格納する。
for(let v in arry){
// 3.vを要素番号として取得する。
console.log(arry[v])
}
// 3の部分だが、数値が”文字列”として取得されるので
// console.log(arry[Number(v)])と型変換してあげるのが本来は正しいやり方
3.for..of...
// 1.左辺に変数を生成する。（これが要素そのものになる）
// 2.右辺に配列を格納する。
// 3.ただただ要素を取得
for(let v of arry){
console.log(v)
}
while
手順
while
1.変数を2つ用意する→スコープ外にて宣言
2.配列[i++]を順番に繰り返しVに代入し続ける
3.代入し続けたものを表示する
4.存在しない配列番号になった時に返却されるのはundefind
つまり(undefind)はfalseと判定される（truethとfalsyの学習がここで生きる）
5.falseになってから終了
const arry = [0, 1, 2, 3, 4];
let i = 0;
while (i < arry.length) {
console.log(arry[i++]);
}