JavaScriptのforEachメソッドの使用方法と例


forEachメソッドは、配列の各要素に対してコールバック関数を実行します。以下に、基本的なforEachメソッドの構文を示します。

array.forEach(function(currentValue, index, array) {
  // コールバック関数の処理
});

上記の構文では、配列の要素ごとに実行されるコールバック関数を定義します。コールバック関数には3つの引数があります。

  • currentValue: 現在の要素の値
  • index: 現在の要素のインデックス
  • array: forEachメソッドを呼び出した配列自体

コールバック関数内では、要素ごとの処理を行うことができます。例えば、要素の値を表示したり、合計値を計算したりすることができます。

以下に、いくつかのforEachメソッドの使用例を示します。

const numbers = [1, 2, 3, 4, 5];
// 要素の値を表示する例
numbers.forEach(function(number) {
  console.log(number);
});
// 合計値を計算する例
let sum = 0;
numbers.forEach(function(number) {
  sum += number;
});
console.log("合計値: " + sum);

これらの例では、配列の要素を繰り返し処理し、それぞれの要素の値を表示したり、合計値を計算したりしています。

JavaScriptのforEachメソッドは、配列の要素を効果的に処理するための重要なツールです。この記事を参考にして、JavaScriptのforEachメソッドの使い方をマスターしましょう。