#author("2022-07-18T04:20:19+09:00","","")
[[javascript/collection]]

* 反復処理 [#ybfb2bbc]


&color(red){''反復処理の注意点''};

** 要素が一部ある場合 [#zd6caf5e]

 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]

トップ   一覧 検索 最終更新   ヘルプ   最終更新のRSS