反復処理 †
反復処理の注意点
要素が一部ある場合 †
let data = [1,2,,4];
- for で処理
for (let i = 0; i < data.length; i++) { console.log(data[i]); } // [出力] // 1 // 2 // undefined // 4 - forEach で処理 (空データは呼び出されない)
data.forEach((val) => { console.log(val); }); // [出力] // 1 // 2 // 3 - map で処理 (空データは呼び出されないが、戻りには空はそのまま入る)
let result = data.map((val) => { let res = val + 10; console.log(`map : ${val} -> ${res}`); return res; }); result; // [出力] // map : 1 -> 11 // map : 2 -> 12 // map : 4 -> 14 // (4) [11, 12, なし, 14]
削除しながらの処理 †
data = [1,2,3,4,5];
- for で回しつつ削除 (意図しない動作になりがち)
for (let i = 0; i < data.length; i++) { console.log(data[i]); data.pop(); } // [出力] // 1 // 2 // 3 - while + shif,pop などで処理
while (data.length) { console.log(data.shift()); } // [出力] // 1 // 2 // 3 // 4 // 5 - 条件によりデータを削除したい場合は、filter 等を使うと良い。
// 奇数の場合のみ抽出 let result = data.filter((x) => { return (x % 2); });
ループのインデックスを変更しながら処理 避けるべき †
let data = [ 1, 2, 3, 4, 5 ];
for (let i = 0; i < data.length; i++) {
console.log(data[i]);
if (data[i] == 3) {
i++;
}
}
// [出力]
// 1
// 2
// 3
// 5
ループ中に処理中断したい。 †
for では、break が利用できるが、可能であればメソッドを分けて return などで。 forEach, map では、break は使えないため要注意
