#6 JavaScriptで学ぶループの基本

JavaScriptのループには、いくつかの書き方があり、扱うデータによって使い分けます。この記事では、JavaScriptにおけるループの基本的な書き方について解説します。

for文の基本

JavaScriptの標準的なfor文は、C言語系の書き方を踏襲しています。

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

「初期値・条件・更新」の3つを`;`で区切って書くのが特徴です。

配列の中身を1つずつ処理する

配列(複数の値をまとめたもの)の中身を順番に処理したい場合は、`for...of`という書き方が便利です。

const fruits = ["りんご", "みかん", "ぶどう"]; for (const fruit of fruits) { console.log(fruit); }

while文

条件を満たす間繰り返す`while`も使えます。

let count = 0; while (count < 5) { console.log(count); count++; }

JavaScriptならではの注意点

JavaScriptには`for...of`のほかに、見た目がよく似た`for...in`という書き方も存在します。`for...in`は配列ではなく、オブジェクトのキー(名前)を取り出すための書き方で、配列に対して使うと意図しない結果になることがあります。名前が似ているため混同しやすいので注意しましょう。

まとめ

JavaScriptのループは`for`・`for...of`・`while`を使い分けます。`for...in`との混同にだけは特に気をつけましょう。

---

本ページはプロモーションを含みます。

参考書籍(PR)

JavaScriptをもっと学びたい方には「改訂新版JavaScript本格入門」がおすすめです。