JavaScriptのループ処理比較

用途に合わせて最適なループ処理を選択することが重要です。

種類 主に対象とするもの 特徴 break/continue
for 全て 基本。回数指定や複雑な条件が可能 可能
for...in オブジェクト キー（または添え字）を取り出す 可能
for...of 配列など 要素の値を直接取り出す。推奨 可能
forEach 配列 メソッド形式。簡潔に書ける 不可

1. for (基本)

for (let i = 0; i < array.length; i++) {
    console.log(array[i]); // インデックスでアクセス
}

2. for...of (要素直接)

配列の値をループする際の現在の標準的な書き方です。

for (const item of array) {
    console.log(item); // 要素そのものが取れる
}

3. for...in (キー/添え字)

for (const key in object) {
    console.log(key, object[key]); // プロパティ名が取れる
}

4. forEach (配列メソッド)

array.forEach((item, index) => {
    console.log(item); // コールバック関数で処理
});