JavaScriptのループ処理を理解してみよう
ループ処理とは、同じ処理を繰り返すための仕組みです。
配列の全要素を順番に処理したい時やボタンを複数生成するといった場面で使われます。
for文、while文、forEachなど複数の書き方がありますが、まずはfor文から覚えるのがスムーズです。
ループ処理の実用例
サービス一覧のタイトルを順番に表示する、メニューを動的に生成する、ランキングの順位を表示するなど、繰り返し処理は実務で頻繁に使います。
See the Pen ループ処理を理解しよう by Syo Yanai (@h1-tech-japan) on CodePen.
慣れてきたらforEachへ
配列に対してfor文を書くよりforEachを使うとコードが簡潔になり読みやすくなります。
まずは書き方を真似しながら慣れていき、だんだんとアロー関数を活用したりmapやfilterにも挑戦するとステップアップできます。