JavaScriptでforEachで配列を処理

JavaScript配列のforEachメソッドによる繰り返しの書き方を学べます。初心者向けに、コードを編集して実行結果をすぐ確認できます。 下のコードはブラウザ内でそのまま実行できます。「実行エディタで開く」を押すと、progoのオンラインJavaScript実行環境にコードが読み込まれ、その場で動作を確認できます。

サンプルコード

const scores = [80, 95, 70, 100];

scores.forEach((score, index) => {
  console.log(`${index}番目: ${score}点`);
});

// 合計を求める
let total = 0;
scores.forEach(s => total += s);
console.log("合計:", total);

ポイント解説

• arr.forEach(コールバック)で全要素を処理します。
• 第2引数でインデックスを取得できます。
• breakできない点がfor文との違いです。